:root{--font-sans:"SF Pro Display","SF Pro Text","Avenir Next","Manrope","Segoe UI",sans-serif}html[data-theme=light]{--text:#0b1220;--text-soft:#5b6677;--surface:hsla(0,0%,100%,.82);--surface-strong:hsla(0,0%,100%,.94);--surface-muted:rgba(245,248,252,.8);--stroke:rgba(15,23,42,.11);--stroke-strong:rgba(15,23,42,.2);--shadow:0 16px 36px rgba(15,23,42,.09);--primary:#0a66d9;--primary-strong:#0a56b5;--yes:#0d9488;--no:#dc2626;--abstain:#ca8a04;--bg-core:#f2f5fa;--bg-grad-a:rgba(107,173,255,.24);--bg-grad-b:rgba(136,219,194,.2);--bg-grad-c:rgba(255,213,145,.16)}html[data-theme=dark]{--text:#edf3ff;--text-soft:#9caacd;--surface:rgba(14,21,34,.72);--surface-strong:rgba(17,25,40,.9);--surface-muted:rgba(22,33,54,.7);--stroke:rgba(154,173,210,.22);--stroke-strong:rgba(154,173,210,.33);--shadow:0 20px 44px rgba(0,0,0,.35);--primary:#63a5ff;--primary-strong:#88b8ff;--yes:#2dd4bf;--no:#fb7185;--abstain:#fbbf24;--bg-core:#070d18;--bg-grad-a:rgba(16,83,188,.26);--bg-grad-b:rgba(0,158,132,.18);--bg-grad-c:rgba(161,97,255,.14)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;color:var(--text);font-family:var(--font-sans);background:radial-gradient(52rem 32rem at 4% -6%,var(--bg-grad-a),transparent 68%),radial-gradient(46rem 28rem at 98% -2%,var(--bg-grad-b),transparent 70%),radial-gradient(42rem 24rem at 50% 116%,var(--bg-grad-c),transparent 72%),var(--bg-core);background-attachment:fixed}body{line-height:1.45}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.top-nav{position:-webkit-sticky;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:color-mix(in srgb,var(--surface-strong) 76%,transparent);border-bottom:1px solid var(--stroke)}.top-nav-inner{max-width:1240px;margin:0 auto;padding:.75rem 1.2rem;display:flex;align-items:center;gap:.85rem}.brand-mark{font-weight:700;letter-spacing:-.02em;font-size:1rem;white-space:nowrap}.top-links{display:flex;align-items:center;gap:.45rem;margin-left:auto}.top-links a{padding:.45rem .78rem;border-radius:999px;font-size:.92rem;color:var(--text-soft);transition:background .18s ease,color .18s ease}.theme-toggle,.top-links a:hover{color:var(--text);background:var(--surface-muted)}.theme-toggle{border:1px solid var(--stroke);border-radius:999px;padding:.43rem .9rem;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:transform .16s ease,border-color .16s ease}.theme-toggle:hover{transform:translateY(-1px);border-color:var(--stroke-strong)}.wallet-box{position:relative}.wallet-panel{position:absolute;top:calc(100% + .45rem);right:0;width:min(360px,88vw);z-index:60}.wallet-list{display:flex;flex-wrap:wrap;gap:.5rem}.page{max-width:1240px;margin:0 auto;padding:1.4rem 1.2rem 2.7rem}.dashboard{display:grid;grid-gap:.9rem;gap:.9rem}.dashboard-sync{gap:.95rem}.dashboard-hero{position:relative;overflow:hidden;background:radial-gradient(42rem 24rem at -8% -35%,color-mix(in srgb,var(--primary) 22%,transparent),transparent 72%),radial-gradient(30rem 20rem at 105% -24%,color-mix(in srgb,#2dd4bf 14%,transparent),transparent 72%),var(--surface)}.dashboard-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent,color-mix(in srgb,#fff 3%,transparent) 55%,transparent)}.eyebrow{margin:0 0 .38rem;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb,var(--primary) 78%,var(--text-soft));font-weight:700}.dashboard-hero-meta{margin:.65rem 0 .76rem;display:flex;gap:.44rem;flex-wrap:wrap}.metric-chip{display:inline-flex;align-items:center;gap:.34rem;border:1px solid var(--stroke);border-radius:999px;padding:.28rem .62rem;font-size:.79rem;color:var(--text-soft);background:color-mix(in srgb,var(--surface-muted) 84%,transparent)}.stats-grid-compact{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.analytics-grid{display:grid;grid-gap:.78rem;gap:.78rem;grid-template-columns:minmax(0,1.6fr) minmax(290px,.85fr);align-items:start}.analytics-main,.analytics-side{display:grid;grid-gap:.78rem;gap:.78rem}.chart-grid-primary{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.sticky-card{position:-webkit-sticky;position:sticky;top:4.5rem}.insights-card{display:grid;grid-gap:.55rem;gap:.55rem}.insight-grid{display:grid;grid-gap:.46rem;gap:.46rem;grid-template-columns:repeat(2,minmax(0,1fr))}.insight-grid p,.insight-vote-lines p{margin:0;color:var(--text-soft)}.insight-grid strong,.insight-vote-lines strong{color:var(--text);margin-left:.2rem}.insight-vote-lines{display:grid;grid-gap:.3rem;gap:.3rem;padding-top:.5rem;border-top:1px dashed var(--stroke)}.card,.hero{border:1px solid var(--stroke);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:22px;padding:1rem 1.05rem}.card h2,.card h3,.dashboard h1,.hero h1{margin-top:0;margin-bottom:.65rem;line-height:1.12;letter-spacing:-.03em}.dashboard h1,.hero h1{font-size:clamp(1.5rem,1.4rem + 1.3vw,2.35rem)}.card h2{font-size:clamp(1.06rem,1rem + .52vw,1.36rem)}.dashboard-header p,.hero p,.muted{color:var(--text-soft)}.compact{margin:.3rem 0}.actions{display:flex;gap:.62rem;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:999px;background:linear-gradient(180deg,var(--primary),var(--primary-strong));color:#fff;padding:.56rem .95rem;font-weight:620;cursor:pointer;font:inherit;font-size:.92rem;transition:transform .16s ease,filter .16s ease}.btn:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn-outline{color:var(--text);background:transparent;border-color:var(--stroke-strong)}.btn-outline:hover{background:var(--surface-muted)}.btn-active{border-color:color-mix(in srgb,var(--primary) 70%,var(--stroke));background:color-mix(in srgb,var(--primary) 16%,transparent)}.info-grid,.role-summary-grid,.stats-grid{display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.chart-grid{display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.info-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.role-summary-card .label,.stat-card .label{margin:0;color:var(--text-soft);font-size:.86rem}.stat-primary{border-color:color-mix(in srgb,var(--primary) 45%,var(--stroke));background:color-mix(in srgb,var(--primary) 11%,var(--surface))}.stat-success{border-color:color-mix(in srgb,var(--yes) 40%,var(--stroke));background:color-mix(in srgb,var(--yes) 10%,var(--surface))}.role-summary-card .value,.stat-card .value{margin:.35rem 0 0;font-size:clamp(1.26rem,1.2rem + .6vw,1.62rem);font-weight:730;letter-spacing:-.02em}.stat-card .value.small{font-size:.98rem;line-height:1.34;word-break:break-word}.role-summary-card .muted{margin-top:.42rem}.proposal-selector{display:grid;grid-gap:.7rem;gap:.7rem}.metric-bars{display:grid;grid-gap:.62rem;gap:.62rem}.metric-bar-row{display:grid;grid-gap:.31rem;gap:.31rem}.metric-bar-track{border:1px solid var(--stroke);border-radius:999px;min-height:.95rem;overflow:hidden;background:color-mix(in srgb,var(--surface-muted) 78%,transparent)}.metric-bar-fill{display:block;min-height:.95rem;background:linear-gradient(90deg,hsla(0,0%,100%,.12),transparent),var(--primary)}.metric-bar-fill.drep{background:linear-gradient(90deg,hsla(0,0%,100%,.12),transparent),#0d9488}.metric-bar-fill.spo{background:linear-gradient(90deg,hsla(0,0%,100%,.12),transparent),#ea580c}.metric-bar-fill.cc{background:linear-gradient(90deg,hsla(0,0%,100%,.12),transparent),#2563eb}.kpi-circle-card{display:grid;justify-items:center;grid-gap:.35rem;gap:.35rem}.kpi-circle-track{stroke:color-mix(in srgb,var(--surface-muted) 70%,var(--stroke))}.kpi-circle-fill{stroke:var(--primary)}.table-card{overflow-x:auto}.top-drep-card{width:100%}.top-drep-table td:first-child,.top-drep-table td:nth-child(3){white-space:normal;overflow-wrap:anywhere;word-break:break-word}table{width:100%;border-collapse:collapse}td,th{text-align:left;border-bottom:1px solid var(--stroke);padding:.56rem;font-size:.92rem}th{color:var(--text-soft);font-weight:620}.proposal-list,.proposal-section{display:grid;grid-gap:.72rem;gap:.72rem}.proposal-list-item{border:1px solid var(--stroke);border-radius:16px;padding:.9rem;background:var(--surface-muted)}.proposal-head{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.phase-pill{display:inline-block;border-radius:999px;padding:.16rem .66rem;font-size:.72rem;font-weight:700;border:1px solid transparent}.phase-ongoing{color:#0f766e;background:color-mix(in srgb,var(--yes) 20%,transparent);border-color:color-mix(in srgb,var(--yes) 40%,transparent)}.phase-previous{color:#be123c;background:color-mix(in srgb,var(--no) 16%,transparent);border-color:color-mix(in srgb,var(--no) 38%,transparent)}.phase-upcoming{color:#a16207;background:color-mix(in srgb,var(--abstain) 22%,transparent);border-color:color-mix(in srgb,var(--abstain) 45%,transparent)}.phase-unknown{color:var(--text-soft);background:color-mix(in srgb,var(--text-soft) 15%,transparent);border-color:color-mix(in srgb,var(--text-soft) 35%,transparent)}.proposal-meta-grid{display:grid;grid-gap:.42rem;gap:.42rem;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.chart-legend p,.proposal-meta-grid p,.timeline-cell p{margin:0}.kpi-flag-grid{display:grid;grid-gap:.55rem;gap:.55rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.kpi-flag{border-radius:13px;padding:.62rem .75rem;border:1px solid var(--stroke)}.kpi-flag.yes{border-color:color-mix(in srgb,var(--yes) 35%,var(--stroke));background:color-mix(in srgb,var(--yes) 12%,transparent)}.kpi-flag.no{border-color:color-mix(in srgb,var(--no) 35%,var(--stroke));background:color-mix(in srgb,var(--no) 10%,transparent)}.stacked-chart{width:100%;min-height:34px;border-radius:999px;border:1px solid var(--stroke);overflow:hidden;display:flex}.segment{display:block;min-width:0}.segment.yes{background:var(--yes)}.segment.no{background:var(--no)}.segment.abstain{background:var(--abstain)}.chart-legend{display:grid;grid-gap:.26rem;gap:.26rem;margin-top:.72rem}.legend-dot{display:inline-block;width:.74rem;height:.74rem;border-radius:999px;margin-right:.34rem;vertical-align:middle}.legend-dot.yes{background:var(--yes)}.legend-dot.no{background:var(--no)}.legend-dot.abstain{background:var(--abstain)}.line-chart{width:100%;height:auto;max-height:220px}.axis{stroke:color-mix(in srgb,var(--text-soft) 45%,transparent);stroke-width:1}.trend-line{fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.timeline-grid{display:grid;grid-gap:.52rem;gap:.52rem;margin-top:.72rem;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.timeline-cell{border:1px dashed var(--stroke);border-radius:10px;padding:.5rem;background:color-mix(in srgb,var(--surface-muted) 75%,transparent)}.simple-list{margin:0;padding-left:1rem;display:grid;grid-gap:.34rem;gap:.34rem}.forum-card{display:grid;grid-gap:.7rem;gap:.7rem}.forum-list{display:grid;grid-gap:.6rem;gap:.6rem}.proposal-body-text{margin:0;white-space:pre-wrap;line-height:1.55}.filter-form{display:grid;grid-gap:.65rem;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}.filter-form label{display:grid;grid-gap:.3rem;gap:.3rem;font-size:.88rem;color:var(--text-soft)}.filter-form input,.filter-form select{width:100%;padding:.6rem .72rem;border-radius:12px;border:1px solid var(--stroke);background:var(--surface-strong);color:var(--text);font:inherit}.filter-form input:focus,.filter-form select:focus{outline:none;border-color:color-mix(in srgb,var(--primary) 62%,var(--stroke));box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 20%,transparent)}.mini-chart{min-width:150px;max-width:230px;width:100%;min-height:14px;border:1px solid var(--stroke);border-radius:999px;overflow:hidden;display:flex}@media (max-width:980px){.top-nav-inner{padding:.7rem .95rem}.page{padding:1.05rem .94rem 2.2rem}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.analytics-grid{grid-template-columns:1fr}.sticky-card{position:static}}@media (max-width:760px){.top-nav-inner{flex-wrap:wrap;gap:.58rem}.top-links{order:3;width:100%;margin-left:0;justify-content:space-between}.top-links a{flex:1 1;text-align:center}.wallet-box,.wallet-box>.theme-toggle{width:100%}.wallet-panel{left:0;right:auto;width:100%}.actions{gap:.5rem}td,th{font-size:.82rem;padding:.5rem}.filter-form,.insight-grid{grid-template-columns:1fr}.metric-chip{width:100%;justify-content:center}}@media (max-width:520px){.page{padding:.88rem .72rem 1.7rem}.card,.hero{border-radius:18px;padding:.84rem}.role-summary-card .value,.stat-card .value{font-size:1.18rem}}