@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#fff;--surface:#fff;--soft:#f4f5ff;--ink:#161616;--muted:#696969;--blue:#0000db;--blue2:#1737f7;--line:#0000db;--good:#007834;--warn:#c56700;--bad:#bc0019}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink)}.noise{display:none}.shell{width:min(1440px,calc(100% - 120px));margin:auto;padding:38px 0 28px}.topbar{height:70px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:48px}.brand{display:flex;align-items:center;gap:17px}.brand h1{font-size:24px;line-height:.9;margin:0;color:var(--blue);letter-spacing:-.05em;font-weight:800}.brand p{font:11px DM Mono,monospace;color:var(--blue);margin:7px 0 0;text-transform:lowercase}.mark{width:42px;height:42px;border:8px solid var(--blue);border-radius:50%;flex:none}.nav-links{display:flex;gap:34px}.nav-links a{color:var(--blue);font-size:16px;font-weight:650;text-decoration:none}.nav-links a:hover{text-decoration:underline}.top-actions{display:flex;align-items:center;gap:18px}.pill{font:11px DM Mono,monospace;text-transform:lowercase;border:1px solid var(--blue);padding:8px 12px;border-radius:0;color:var(--blue)}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--warn);margin-right:8px}.live-dot.online{background:var(--good)}.live-dot.offline{background:var(--bad)}.clock{font:11px DM Mono,monospace;color:var(--blue)}.hero{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:64px;align-items:end;padding:94px 0 58px}.eyebrow{font:13px DM Mono,monospace;color:var(--blue);text-transform:lowercase;margin-bottom:22px}.hero h2{font-size:clamp(64px,7vw,108px);line-height:.86;letter-spacing:-.075em;color:var(--blue);margin:0 0 42px;font-weight:800}.epoch-row{display:flex;align-items:baseline;gap:18px}.epoch-label{font:16px DM Mono,monospace;color:var(--blue)}.epoch-row strong{font:500 clamp(42px,5vw,76px) DM Mono,monospace;color:var(--ink);letter-spacing:-.07em}.identity{display:flex;align-items:center;gap:10px;font:12px DM Mono,monospace;color:var(--muted);margin-top:12px}.identity button{font:11px DM Mono,monospace;color:var(--blue);border:0;background:none;cursor:pointer;text-decoration:underline}.sync-card{min-height:310px;background:var(--blue);color:#fff;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:38px}.sync-ring{--pct:75;display:grid;place-content:center;width:130px;height:130px;border-radius:50%;background:conic-gradient(#fff calc(var(--pct)*1%),#3a3aed 0);position:relative}.sync-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--blue)}.sync-ring div{position:relative;z-index:1;text-align:center}.sync-ring strong{display:block;font:32px DM Mono}.sync-ring small{font:11px DM Mono;text-transform:lowercase}.sync-card p{font:12px DM Mono;margin:0 0 9px;opacity:.7}.sync-card>div>strong{font-size:24px;text-transform:lowercase}.sync-card>div>small{display:block;font:12px DM Mono;margin-top:7px;opacity:.7}
.validator-strip{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid var(--blue);margin-bottom:20px;padding:18px 24px;color:var(--blue)}.validator-strip>div{display:flex;align-items:center;gap:12px}.validator-strip>div strong{font-size:15px;text-transform:lowercase}.validator-pulse{width:11px;height:11px;border-radius:50%;background:var(--warn)}.validator-strip.active{background:var(--blue);color:#fff}.validator-strip.active .validator-pulse{background:#86fca2;box-shadow:0 0 0 5px #ffffff22}.validator-strip.scheduled .validator-pulse{background:var(--warn)}.validator-strip dl{display:flex;gap:38px;margin:0}.validator-strip dl>div{min-width:90px}.validator-strip dl>div.reward-stat{min-width:175px}.validator-strip dt{font:9px DM Mono,monospace;text-transform:lowercase;opacity:.7}.validator-strip dd{font:500 16px DM Mono,monospace;margin:5px 0 0}.validator-strip dl small{display:block;font:8px DM Mono,monospace;margin-top:4px;opacity:.7}
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px}.kpi{padding:25px 26px;min-height:155px;border:1px solid var(--blue);background:var(--surface);display:flex;flex-direction:column}.kpi:nth-child(1){background:var(--blue);color:#fff}.kpi-head{display:flex;justify-content:space-between;font:11px DM Mono;color:inherit;text-transform:lowercase}.kpi-head i{width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:none}.kpi:nth-child(1) .kpi-head,.kpi:nth-child(1)>small{color:#fff}.cyan,.purple,.green,.amber{color:var(--blue)}.kpi:nth-child(1) i{color:#fff}.kpi>strong{display:block;font:500 32px DM Mono;margin:auto 0 8px;color:var(--ink)}.kpi:nth-child(1)>strong{color:#fff}.kpi>small{font:11px DM Mono;color:var(--muted)}
.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:20px}.panel{background:var(--surface);border:1px solid var(--blue);min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;border-bottom:1px dotted var(--blue)}.panel-title>div>span{display:block;font-size:15px;font-weight:750;color:var(--blue);text-transform:lowercase}.panel-title small{display:block;color:var(--muted);font:10px DM Mono;margin-top:5px}.activity-panel{grid-column:span 2;padding-bottom:12px}.activity-panel .panel-title{border-bottom:1px dotted var(--blue)}.legend{font:10px DM Mono;color:var(--muted)}.legend i{display:inline-block;width:16px;height:3px;background:var(--blue);margin:0 5px 2px 14px}.legend i:nth-child(2){background:var(--ink)}#activity-chart{width:100%;height:240px;display:block}.chart-axis{display:flex;justify-content:space-between;color:var(--muted);font:9px DM Mono;padding:4px 24px}.gauges{display:flex;justify-content:space-evenly;padding:34px 10px 27px}.gauge{text-align:center}.gauge-ring{--pct:75;display:grid;place-content:center;width:98px;height:98px;border-radius:50%;background:conic-gradient(var(--blue) calc(var(--pct)*1%),#e5e5ff 0);position:relative}.gauge-ring:after{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--surface)}.gauge-ring strong{position:relative;z-index:1;font:18px DM Mono}.gauge>span{display:block;font:11px DM Mono;color:var(--blue);margin-top:12px;text-transform:lowercase}.gauge>small{color:var(--muted);font:9px DM Mono}.host-foot{display:flex;justify-content:space-around;border-top:1px dotted var(--blue);padding:17px;font:10px DM Mono;color:var(--muted)}.host-foot b{color:var(--blue);margin-left:5px}.supply-main{display:grid;place-content:center;padding:30px}.donut{--encrypted:1;display:grid;place-content:center;width:165px;height:165px;border-radius:50%;background:conic-gradient(var(--ink) calc(var(--encrypted)*1%),var(--blue) 0);position:relative}.donut:after{content:"";position:absolute;inset:14px;border-radius:50%;background:var(--surface)}.donut>div{position:relative;z-index:1;text-align:center}.donut strong{display:block;font:17px DM Mono}.donut small{font:9px DM Mono;color:var(--muted)}.supply-rows{padding:0 22px 22px}.supply-rows>div{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;padding:10px 0;font:10px DM Mono;border-bottom:1px dotted var(--blue)}.supply-rows i{width:8px;height:8px;border-radius:50%}.supply-circ{background:var(--blue)}.supply-enc{background:var(--ink)}.supply-rows span{color:var(--muted)}
.peers-panel{grid-column:span 2}.risk{font:9px DM Mono;color:var(--good);border:1px solid var(--good);padding:6px 8px;text-transform:lowercase}.risk.warn{color:var(--warn);border-color:var(--warn)}.peer-list{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.peer{background:var(--surface);padding:20px;border-right:1px dotted var(--blue);border-bottom:1px dotted var(--blue);min-width:0}.peer:nth-child(4n){border-right:0}.peer:nth-last-child(-n+4){border-bottom:0}.peer-head{display:flex;justify-content:space-between;align-items:center}.peer-head i{width:8px;height:8px;background:var(--good);border-radius:50%}.peer .eyebrow{font-size:10px;margin:0}.peer code{display:block;color:var(--ink);font:11px DM Mono;overflow:hidden;text-overflow:ellipsis;margin:15px 0 12px}.peer-meta{display:flex;justify-content:space-between;font:9px DM Mono;color:var(--muted)}.peer-meta b{color:var(--blue);font-weight:400}.empty{padding:42px;color:var(--muted);font:11px DM Mono}.addresses-panel{grid-column:span 2}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px dotted var(--blue);padding:15px 22px}tr:last-child td{border-bottom:0}th{font:10px DM Mono;color:var(--blue);text-transform:lowercase}td{font:11px DM Mono}td:first-child{max-width:280px;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}td:nth-child(2){color:var(--muted)}td:last-child{text-align:right;color:var(--blue)}th:last-child{text-align:right}.state-panel dl{margin:0;padding:8px 22px}.state-panel dl>div{border-bottom:1px dotted var(--blue);padding:16px 0}.state-panel dl>div:last-child{border-bottom:0}.state-panel dt{font:9px DM Mono;color:var(--blue);margin-bottom:8px;text-transform:lowercase}.state-panel dd{font:11px DM Mono;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.state-panel dd#state-root{color:var(--blue)}footer{display:flex;justify-content:space-between;border-top:1px dotted var(--blue);margin-top:38px;padding:22px 0;font:10px DM Mono;color:var(--blue);text-transform:lowercase}footer b{color:var(--ink)}
@media(max-width:1050px){.shell{width:calc(100% - 48px)}.nav-links{display:none}.hero{grid-template-columns:1fr 320px}.dashboard-grid{grid-template-columns:1fr 1fr}.activity-panel,.peers-panel,.addresses-panel{grid-column:span 2}.peer-list{grid-template-columns:repeat(2,1fr)}.peer:nth-child(2n){border-right:0}.kpi-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.shell{width:calc(100% - 28px);padding-top:18px}.topbar{grid-template-columns:1fr auto;gap:14px}.brand p,.clock{display:none}.top-actions{gap:8px}.pill{display:none}.hero{grid-template-columns:1fr;padding:58px 0 30px;gap:30px}.hero h2{font-size:58px;margin-bottom:30px}.sync-card{min-height:240px}.validator-strip{align-items:flex-start;flex-direction:column}.validator-strip dl{width:100%;justify-content:space-between;gap:12px}.validator-strip dl>div{min-width:0}.identity span{max-width:calc(100vw - 90px);overflow:hidden;text-overflow:ellipsis}.kpi-grid,.dashboard-grid{grid-template-columns:1fr}.activity-panel,.peers-panel,.addresses-panel{grid-column:auto}.peer-list{grid-template-columns:1fr 1fr}.supply-panel{grid-column:auto}.legend{display:none}.panel-title{padding:17px}.topbar{height:54px}.epoch-row strong{font-size:42px}footer{gap:12px;line-height:1.6}.addresses-panel td:first-child{max-width:150px}}