.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;--pill-bg: #eef2ff;--mono: ui-monospace, "JetBrains Mono", "SF Mono", Menlo, monospace}*{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}.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:#dcfce7;color:var(--ok)}.pill-conn-closed{background:#fee2e2;color:var(--warn)}.pill-conn-connecting{background:#fef3c7;color:#b45309}.pill-reach-public{background:#dcfce7;color:var(--ok)}.pill-reach-private{background:#fef3c7;color:#b45309}.pill-reach-unknown{background:#f3f4f6;color:var(--fg-dim)}.main{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem;flex:1}.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%}.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}.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:#dbeafe;color:#1e40af}.tag-gossip{background:#ede9fe;color:#6d28d9}.tag-sync{background:#f3f4f6;color:var(--fg-dim)}