:root{--bg: #0b1004;--panel: #151d0b;--panel-raised: #1e2811;--border: #2c3a1b;--text: #e3e8d6;--text-dim: #a4ae8f;--text-faint: #6e7a5b;--accent: #c9d4ae;--good: #6fcf3f;--warn: #e0a422;--bad: #f2564a;--vote: #8ba362;--level-incomplete: #38412a;--level-completed: #7fa5e8;--level-optimistically_confirmed: #3fb9a4;--level-rooted: #6fcf3f;--level-finalized: #3c7a2c;--level-skipped: #f2564a;--radius: 8px;--gap: 12px}:root[data-theme=light]{--bg: #ecefe1;--panel: #f7f8f2;--panel-raised: #dce2cf;--border: #c9d2b6;--text: #162101;--text-dim: #586446;--text-faint: #879273;--accent: #55742f;--good: #3f7d1f;--warn: #8a5a06;--bad: #c0392b;--vote: #7d9b53;--level-incomplete: #c4cdb0;--level-completed: #4a6fa8;--level-optimistically_confirmed: #2a8a78;--level-rooted: #4f8f2a;--level-finalized: #2c5a1a;--level-skipped: #c0392b}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-variant-numeric:tabular-nums}.app{display:grid;grid-template-columns:200px minmax(0,1fr);height:100%}.main{display:flex;flex-direction:column;gap:var(--gap);padding:var(--gap);overflow-y:auto;min-width:0}.header{display:flex;align-items:center;gap:24px;padding:10px 16px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap}.header-brand{display:flex;flex-direction:column;gap:2px}.cluster{font-weight:600;text-transform:lowercase;padding:2px 8px;border-radius:4px;background:var(--panel-raised);color:var(--accent)}.cluster-mainnet-beta{color:var(--good)}.version{color:var(--text-faint);font-size:11px}.header-identity{min-width:0}.header-name{font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px}.logo{border-radius:3px;object-fit:cover;flex:none;background:var(--panel-raised)}.header-key{color:var(--text-dim);font-family:ui-monospace,monospace;font-size:11px}.copyable{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}.copyable:hover{color:var(--text)}.copyable:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.copyable.copied{color:var(--good)}.header-stats{display:flex;gap:24px;margin-left:auto;flex-wrap:wrap}.header-stat-label{color:var(--text-faint);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.header-stat-value{font-size:14px;font-weight:500}.connection{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-dim)}.connection-dot{width:7px;height:7px;border-radius:50%;background:var(--text-faint)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--panel-raised);color:var(--text-dim);cursor:pointer}.theme-toggle:hover{color:var(--text);border-color:var(--text-faint)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.connection-open .connection-dot{background:var(--good)}.connection-connecting .connection-dot{background:var(--warn)}.connection-closed .connection-dot{background:var(--bad)}.banner{padding:8px 12px;border-radius:var(--radius);background:color-mix(in srgb,var(--bad) 18%,var(--panel));border:1px solid var(--bad);color:var(--text)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:12px}.card-title{margin:0;font-size:13px;font-weight:600;color:var(--text)}.card-body{flex:1;min-width:0}.card-footnote{margin-top:8px;color:var(--text-faint);font-size:11px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--gap)}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;align-content:start}.stat-grid-tight{gap:8px 16px}.epoch-body{display:flex;flex-direction:column;gap:14px}.stat-label{color:var(--text-faint);font-size:10px;text-transform:uppercase;letter-spacing:.04em;line-height:1.3;min-height:2.6em}.stat-value{font-size:22px;font-weight:500;line-height:1.2}.stat-sub{color:var(--text-dim);font-size:11px}.tone-good{color:var(--good)}.tone-warn{color:var(--warn)}.tone-bad{color:var(--bad)}.tone-muted{color:var(--text-dim)}.meter{margin-top:10px;height:4px;border-radius:2px;background:var(--panel-raised);overflow:hidden}.meter-fill{height:100%;background:var(--accent);transition:width .4s ease}.validators-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center}.donut{position:relative;width:104px;height:104px}.donut svg{width:100%;height:100%}.donut-track,.donut-value{fill:none;stroke-width:8}.donut-track{stroke:var(--panel-raised)}.donut-value{stroke:var(--accent);transition:stroke-dasharray .4s ease}.donut-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center}.donut-primary{font-size:16px;font-weight:600}.donut-secondary{font-size:11px;color:var(--bad)}.slot-strip-head{display:flex;align-items:flex-start;gap:24px;flex-wrap:wrap}.slot-positions{display:flex;gap:20px;margin-left:auto;flex-wrap:wrap}.slot-position-label{color:var(--text-faint);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.slot-position-delta{margin-left:4px;color:var(--warn)}.slot-position-value{font-size:13px;font-family:ui-monospace,monospace}.slot-bars{display:flex;align-items:flex-end;gap:2px;height:110px;position:relative}.slot-bars-peak{position:absolute;left:0;right:0;border-top:1px dashed var(--text-faint);pointer-events:none}.slot-bars-peak span{position:absolute;right:0;bottom:3px;font-size:9px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);background:var(--panel);padding:0 4px}.slot-bars-peak.label-below span{bottom:auto;top:3px}.slot-bar{flex:1 1 0;min-width:3px;height:100%;display:flex;align-items:flex-end;background:color-mix(in srgb,var(--panel-raised) 60%,transparent);border-radius:2px}.slot-bar.mine{outline:1px solid color-mix(in srgb,var(--accent) 60%,transparent)}.level-incomplete{--level: var(--level-incomplete)}.level-completed{--level: var(--level-completed)}.level-optimistically_confirmed{--level: var(--level-optimistically_confirmed)}.level-rooted{--level: var(--level-rooted)}.level-finalized{--level: var(--level-finalized)}.level-skipped{--level: var(--level-skipped)}.slot-bar-fill{width:100%;border-radius:2px;background:var(--level, var(--level-incomplete));transition:height .2s ease}.versions{display:flex;flex-direction:column;gap:7px;max-height:252px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.versions:hover{scrollbar-color:var(--text-faint) transparent}.version-row{display:grid;grid-template-columns:minmax(0,7.6em) minmax(0,1fr) 3.4em;align-items:center;gap:8px;font-size:11.5px}.version-name{display:flex;align-items:baseline;gap:5px;font-family:ui-monospace,monospace;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-row.is-ours .version-name{color:var(--text)}.version-ours{font-family:ui-sans-serif,system-ui,sans-serif;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.version-bar{height:6px;border-radius:3px;background:var(--panel-raised);overflow:hidden}.version-bar i{display:block;height:100%;border-radius:3px;background:color-mix(in srgb,var(--accent) 55%,transparent)}.version-row.is-ours .version-bar i{background:var(--accent)}.version-share{text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}.version-count{grid-column:2 / 4;font-size:10px;color:var(--text-faint);margin-top:-3px}.startup{display:flex;flex-direction:column;gap:10px}.startup-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}.startup-phase{display:flex;align-items:baseline;gap:8px;font-size:12px;color:var(--text-faint)}.startup-marker{flex:none;width:7px;height:7px;border-radius:50%;background:var(--border);transform:translateY(-1px)}.startup-phase.is-done{color:var(--text-dim)}.startup-phase.is-done .startup-marker{background:var(--good)}.startup-phase.is-current{color:var(--text);font-weight:600}.startup-phase.is-current .startup-marker{background:var(--warn);box-shadow:0 0 0 3px color-mix(in srgb,var(--warn) 25%,transparent)}.startup-detail{color:var(--text-faint);font-weight:400;font-size:11px}@media(prefers-reduced-motion:no-preference){.startup-phase.is-current .startup-marker{animation:startup-pulse 1.6s ease-in-out infinite}@keyframes startup-pulse{50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--warn) 10%,transparent)}}}.slot-key{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px}.slot-key-item{display:flex;align-items:center;gap:6px;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);cursor:help}.slot-key-swatch{width:9px;height:9px;border-radius:2px;background:var(--level, var(--level-incomplete))}.slot-key-mine{background:transparent;outline:1px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:-1px}.sidebar{background:var(--panel);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.sidebar-head{padding:12px 12px 8px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.sidebar-rows{overflow-y:auto;min-height:0}.sidebar-empty{padding:12px;color:var(--text-faint);font-size:11px}.sidebar-row{display:grid;grid-template-columns:minmax(0,1fr) auto 6px;gap:6px;align-items:center;padding:4px 10px;border-top:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.sidebar-row.mine{background:color-mix(in srgb,var(--accent) 12%,transparent)}.sidebar-leader{display:flex;align-items:center;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.sidebar-mine-marker{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;background:var(--accent)}.sidebar-slot{font-family:ui-monospace,monospace;font-size:11px;color:var(--text-dim)}.sidebar-level{width:6px;height:18px;border-radius:2px;background:var(--level-incomplete)}.sidebar-level.level-completed{background:var(--level-completed)}.sidebar-level.level-optimistically_confirmed{background:var(--level-optimistically_confirmed)}.sidebar-level.level-rooted{background:var(--level-rooted)}.sidebar-level.level-finalized{background:var(--level-finalized)}.sidebar-level.level-skipped{background:var(--level-skipped)}.transactions-body{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:24px;align-items:center}.transactions-figures{display:flex;flex-direction:column;gap:12px}.network-body{display:grid;grid-template-columns:minmax(160px,200px) minmax(0,1fr);gap:24px;align-items:center}.swatch{display:inline-block;width:8px;height:2px;margin-right:6px;vertical-align:middle;border-radius:1px}.swatch-ingress{background:var(--level-optimistically_confirmed)}.swatch-egress{background:var(--warn)}.chart-ingress,.chart-egress{fill:none;stroke-width:1.5}.chart-ingress{stroke:var(--level-optimistically_confirmed)}.chart-egress{stroke:var(--warn)}.chart{min-width:0}.chart svg{width:100%;height:120px;display:block}.chart-total{fill:color-mix(in srgb,var(--accent) 35%,transparent);stroke:var(--accent);stroke-width:1}.chart-vote{fill:color-mix(in srgb,var(--vote) 55%,transparent);stroke:none}.chart-axis{display:flex;justify-content:space-between;color:var(--text-faint);font-size:10px;padding-top:4px}.chart-peak{color:var(--text-dim)}.chart-empty{color:var(--text-faint);font-size:11px;padding:40px 0;text-align:center}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{display:none}.transactions-body,.validators-body,.network-body{grid-template-columns:1fr}}