.uplot,.uplot *,.uplot *:before,.uplot *:after{box-sizing:border-box}.uplot{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5;width:min-content}.u-title{text-align:center;font-size:18px;font-weight:700}.u-wrap{position:relative;-webkit-user-select:none;user-select:none}.u-over,.u-under{position:absolute}.u-under{overflow:hidden}.uplot canvas{display:block;position:relative;width:100%;height:100%}.u-axis{position:absolute}.u-legend{font-size:14px;margin:auto;text-align:center}.u-inline{display:block}.u-inline *{display:inline-block}.u-inline tr{margin-right:16px}.u-legend th{font-weight:600}.u-legend th>*{vertical-align:middle;display:inline-block}.u-legend .u-marker{width:1em;height:1em;margin-right:4px;background-clip:padding-box!important}.u-inline.u-live th:after{content:":";vertical-align:middle}.u-inline:not(.u-live) .u-value{display:none}.u-series>*{padding:4px}.u-series th{cursor:pointer}.u-legend .u-off>*{opacity:.3}.u-select{background:#00000012;position:absolute;pointer-events:none}.u-cursor-x,.u-cursor-y{position:absolute;left:0;top:0;pointer-events:none;will-change:transform}.u-hz .u-cursor-x,.u-vt .u-cursor-y{height:100%;border-right:1px dashed #607D8B}.u-hz .u-cursor-y,.u-vt .u-cursor-x{width:100%;border-bottom:1px dashed #607D8B}.u-cursor-pt{position:absolute;top:0;left:0;border-radius:50%;border:0 solid;pointer-events:none;will-change:transform;background-clip:padding-box!important}.u-axis.u-off,.u-select.u-off,.u-cursor-x.u-off,.u-cursor-y.u-off,.u-cursor-pt.u-off{display:none}:root{--bg: #f7f7f9;--surface: #ffffff;--border: #e5e7eb;--fg: #111827;--fg-dim: #6b7280;--accent: #2563eb;--warn: #dc2626;--ok: #16a34a;--amber: #b45309;--pill-bg: #eef2ff;--sev-ok-bg: #dcfce7;--sev-ok-fg: #15803d;--sev-warn-bg: #fef3c7;--sev-warn-fg: #b45309;--sev-crit-bg: #fee2e2;--sev-crit-fg: #b91c1c;--tag-local-bg: #dbeafe;--tag-local-fg: #1e40af;--tag-gossip-bg: #ede9fe;--tag-gossip-fg: #6d28d9;--reach-pub-bg: #dcfce7;--reach-pub-fg: #15803d;--reach-priv-bg: #fef3c7;--reach-priv-fg: #b45309;--reach-unk-bg: #f3f4f6;--reach-unk-fg: var(--fg-dim);--mono: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace}[data-theme=dark]{--bg: #0b1020;--surface: #131a2e;--border: #1f2a44;--fg: #e5e7eb;--fg-dim: #94a3b8;--accent: #60a5fa;--warn: #f87171;--ok: #4ade80;--amber: #fbbf24;--pill-bg: #1e293b;--sev-ok-bg: rgba(34, 197, 94, .18);--sev-ok-fg: #4ade80;--sev-warn-bg: rgba(245, 158, 11, .2);--sev-warn-fg: #fbbf24;--sev-crit-bg: rgba(239, 68, 68, .22);--sev-crit-fg: #f87171;--tag-local-bg: rgba(59, 130, 246, .2);--tag-local-fg: #93c5fd;--tag-gossip-bg: rgba(139, 92, 246, .2);--tag-gossip-fg: #c4b5fd;--reach-pub-bg: rgba(34, 197, 94, .18);--reach-pub-fg: #4ade80;--reach-priv-bg: rgba(245, 158, 11, .18);--reach-priv-fg: #fbbf24;--reach-unk-bg: rgba(148, 163, 184, .12);--reach-unk-fg: var(--fg-dim)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--fg);font-size:14px}.app{display:flex;flex-direction:column;min-height:100%}.header{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.25rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.brand{margin:0;font-size:1.05rem;font-weight:600;letter-spacing:.02em}.stats{display:flex;gap:1.5rem;flex:1}.stat{display:flex;flex-direction:column;line-height:1.1}.stat-value{font-family:var(--mono);font-size:1rem;font-weight:600}.stat-label{font-size:.75rem;color:var(--fg-dim);text-transform:uppercase;letter-spacing:.05em}.theme-toggle{background:transparent;border:1px solid var(--border);color:var(--fg);border-radius:6px;padding:.25rem .5rem;font-size:.85rem;cursor:pointer;line-height:1}.theme-toggle:hover{background:var(--bg)}.pill{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;background:var(--pill-bg);color:var(--accent);text-transform:lowercase}.pill-conn-open{background:var(--sev-ok-bg);color:var(--sev-ok-fg)}.pill-conn-closed{background:var(--sev-crit-bg);color:var(--sev-crit-fg)}.pill-conn-connecting{background:var(--sev-warn-bg);color:var(--sev-warn-fg)}.pill-reach-public{background:var(--reach-pub-bg);color:var(--reach-pub-fg)}.pill-reach-private{background:var(--reach-priv-bg);color:var(--reach-priv-fg)}.pill-reach-unknown{background:var(--reach-unk-bg);color:var(--reach-unk-fg)}.main{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem;flex:1}.main-with-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:1rem;align-items:start}.main-col{display:flex;flex-direction:column;gap:1rem;min-width:0}.side-col{position:sticky;top:60px;min-width:0}@media(max-width:1024px){.main-with-side{grid-template-columns:1fr}.side-col{position:static}}.canary{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.canary-chart{width:100%}.uplot,.uplot .u-title,.uplot .u-legend,.uplot .u-legend .u-label,.uplot .u-legend th,.uplot .u-legend td,.uplot .u-label,.uplot .u-value{color:var(--fg)}.uplot .u-legend{background:var(--surface)}.canary-explainer{margin:0;color:var(--fg-dim);font-size:.85rem}.canary-explainer code{font-family:var(--mono);background:var(--bg);padding:.05rem .3rem;border-radius:3px}.bottom-grid{display:grid;grid-template-columns:2fr 1fr;gap:1rem;align-items:start}@media(max-width:1024px){.bottom-grid{grid-template-columns:1fr}}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:auto;max-height:70vh}.node-table{width:100%;border-collapse:collapse;font-size:.85rem}.node-table th,.node-table td{padding:.4rem .6rem;text-align:left;border-bottom:1px solid var(--border)}.node-table th{background:var(--surface);position:sticky;top:0;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;z-index:1}.node-table th:hover{background:var(--bg)}.node-table .num{text-align:right;font-family:var(--mono)}.node-table .mono{font-family:var(--mono)}.node-table .peer-id{cursor:pointer}.node-table .peer-id:hover{color:var(--accent)}.node-table .empty{text-align:center;color:var(--fg-dim);padding:1.5rem}.node-table tr.stale{opacity:.55}.node-table tr.stale td:last-child{font-style:italic}@media(max-width:768px){.node-table .col-collapse-md{display:none}.node-table th,.node-table td{padding:.35rem .4rem}}.feed{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.75rem .9rem;max-height:70vh;overflow:auto}.feed h2{margin:0 0 .5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-dim)}.feed-list{list-style:none;padding:0;margin:0;font-size:.8rem;font-family:var(--mono)}.feed-row{padding:.25rem .4rem;border-radius:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed .empty{color:var(--fg-dim);font-style:italic}.dim{color:var(--fg-dim)}.mono{font-family:var(--mono)}.tag{display:inline-block;padding:0 .35rem;border-radius:3px;font-size:.7rem;background:var(--pill-bg);color:var(--accent)}.tag-local{background:var(--tag-local-bg);color:var(--tag-local-fg)}.tag-gossip{background:var(--tag-gossip-bg);color:var(--tag-gossip-fg)}.tag-sync{background:var(--reach-unk-bg);color:var(--reach-unk-fg)}.sev-ok{background:var(--sev-ok-bg);color:var(--sev-ok-fg)}.sev-warn{background:var(--sev-warn-bg);color:var(--sev-warn-fg)}.sev-crit{background:var(--sev-crit-bg);color:var(--sev-crit-fg)}.leaderboards-controls{display:flex;gap:.4rem;align-items:center;margin-bottom:.4rem}.window-btn{background:transparent;border:1px solid var(--border);color:var(--fg);border-radius:4px;padding:.15rem .55rem;font-size:.75rem;cursor:pointer}.window-btn.active{background:var(--accent);color:var(--surface);border-color:var(--accent)}.activity-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}@media(max-width:1024px){.activity-grid{grid-template-columns:1fr 1fr}}@media(max-width:768px){.activity-grid{grid-template-columns:1fr}}.leaderboards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:768px){.leaderboards{grid-template-columns:1fr}}.leaderboard{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.75rem .9rem}.leaderboard h2{margin:0 0 .5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-dim)}.leaderboard-table{width:100%;border-collapse:collapse;font-size:.85rem}.leaderboard-table td{padding:.25rem .4rem;border-bottom:1px solid var(--border)}.leaderboard-table tr:last-child td{border-bottom:0}.leaderboard-table .num{text-align:right;font-family:var(--mono)}.leaderboard-table .addr{font-family:var(--mono);cursor:pointer}.leaderboard-table .addr:hover{color:var(--accent)}.spark{display:inline-block;height:12px;vertical-align:middle}.spark-bar{fill:var(--accent)}.chain-graph{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem;overflow:auto}.chain-graph h2{margin:0 0 .5rem;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-dim)}.chain-graph svg{width:100%;max-width:100%}.chain-graph .controls{display:flex;gap:.75rem;align-items:center;margin-bottom:.5rem;font-size:.8rem;color:var(--fg-dim)}.chain-graph .controls button{background:transparent;border:1px solid var(--border);color:var(--fg);border-radius:4px;padding:.15rem .5rem;font-size:.75rem;cursor:pointer}.chain-graph .controls button.active{background:var(--accent);color:var(--surface);border-color:var(--accent)}.chain-graph .node-canonical{fill:var(--accent);stroke:var(--accent)}.chain-graph .node-orphan{fill:var(--fg-dim);stroke:var(--fg-dim);opacity:.45}.chain-graph .edge-canonical{stroke:var(--accent);stroke-width:1.5;fill:none}.chain-graph .edge-orphan{stroke:var(--fg-dim);stroke-width:1;fill:none;opacity:.5}.chain-graph .reorg-arrow{stroke:var(--warn);stroke-width:1.5;stroke-dasharray:4 3;fill:none}.chain-graph .block-label{font-family:var(--mono);font-size:9px;fill:var(--fg)}.chain-graph .empty{color:var(--fg-dim);font-style:italic;padding:1rem 0;text-align:center}