:root{color-scheme:dark;--bg:#061019;--panel:#0b1924;--panel2:#102431;--line:#1f3948;--text:#e8f4f6;--muted:#8aa5af;--cyan:#25d8d1;--lime:#9ee86f;--amber:#ffbd59;--red:#ff5d68;--blue:#4ba3ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% -20%,#123246 0,transparent 38%),var(--bg);color:var(--text);min-height:100vh}.topbar{height:74px;padding:0 clamp(18px,4vw,56px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#07131dcc;backdrop-filter:blur(14px);position:sticky;top:0;z-index:1000}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:38px;height:38px;border:1px solid var(--cyan);display:grid;place-items:center;font-weight:900;color:var(--cyan);clip-path:polygon(20% 0,100% 0,100% 80%,80% 100%,0 100%,0 20%)}.brand strong,.brand small{display:block;letter-spacing:.08em}.brand small{font-size:11px;color:var(--muted);margin-top:2px}.system-state{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 0 6px #ffbd5917}.tabs{display:flex;gap:6px;padding:14px clamp(18px,4vw,56px) 0;overflow:auto}.tab{border:1px solid transparent;background:transparent;color:var(--muted);padding:11px 16px;border-radius:8px 8px 0 0;font-weight:700;cursor:pointer;white-space:nowrap}.tab.active{color:var(--cyan);border-color:var(--line);border-bottom-color:var(--bg);background:#091722}main{padding:22px clamp(18px,4vw,56px) 50px}.view{display:none;animation:fade .25s ease}.view.active{display:block}@keyframes fade{from{opacity:.35;transform:translateY(4px)}}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.panel{background:linear-gradient(180deg,#0d1e2a,#091620);border:1px solid var(--line);border-radius:12px;padding:18px;box-shadow:0 16px 36px #0003;margin-bottom:18px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}h1,h2{margin:3px 0 0;font-size:clamp(20px,3vw,28px)}h2{font-size:20px}.eyebrow{color:var(--cyan);font:700 10px/1.2 ui-monospace,SFMono-Regular,monospace;letter-spacing:.18em}.live-badge,.pending-badge{padding:6px 9px;border-radius:99px;background:#9ee86f17;color:var(--lime);font-size:10px;font-weight:900;letter-spacing:.08em;border:1px solid #9ee86f44}.pending-badge{color:var(--amber);border-color:#ffbd5955;background:#ffbd5914}.map{height:430px;border-radius:9px;overflow:hidden;border:1px solid #264756;background:#07141c}.map.tall{height:540px}.leaflet-container{background:#07141c}.leaflet-tile{filter:saturate(.55) brightness(.68) contrast(1.15)}.map-note{font-size:11px;color:var(--muted);margin:10px 0 0}.metrics{display:flex;flex-direction:column}.metric{padding:18px 0;border-bottom:1px solid var(--line)}.metric strong,.metric span{display:block}.metric strong{font:700 32px/1 ui-monospace,SFMono-Regular,monospace;color:var(--cyan)}.metric span{font-size:12px;color:var(--muted);margin-top:7px}.connectors{margin-top:auto;padding-top:18px}.connector{display:flex;justify-content:space-between;gap:8px;font-size:11px;padding:7px 0;color:var(--muted)}.connector b{color:var(--amber);font-weight:700}.ghost{background:transparent;border:1px solid var(--line);color:var(--text);padding:8px 12px;border-radius:7px;cursor:pointer}.event-list{display:grid;gap:10px}.event{border:1px solid var(--line);border-radius:9px;display:grid;grid-template-columns:180px 1fr auto;gap:14px;padding:13px;background:#0c202b}.event-title strong{display:block}.event-title span{font-size:11px;color:var(--muted)}.revisions{display:flex;gap:9px;align-items:center}.rev{min-width:90px;padding:9px;border-radius:6px;background:#07151e;border:1px solid #1d3a49}.rev b,.rev small{display:block}.rev b{font:800 18px ui-monospace,monospace}.rev small{font-size:9px;color:var(--muted);text-transform:uppercase}.arrow{color:var(--cyan);font:700 11px ui-monospace,monospace}.event-meta{text-align:right;font-size:11px;color:var(--muted)}.bucket-grid{display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));gap:12px;overflow:auto}.bucket{min-height:180px}.bucket h3{font:700 13px ui-monospace,monospace;color:var(--amber);margin:0 0 12px}.bucket-item{padding:9px 0;border-top:1px solid var(--line);font-size:11px}.bucket-item b{float:right;color:var(--text)}.empty,.chart-empty{padding:26px;border:1px dashed #2b4b5b;border-radius:8px;text-align:center;color:var(--muted);font-size:12px}.explain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.explain-grid>div{background:#081721;border:1px solid var(--line);padding:13px;border-radius:8px}.explain-grid strong{color:var(--cyan);font-size:12px}.explain-grid p{font-size:11px;color:var(--muted);line-height:1.5;margin:7px 0 0}.chart-empty{height:220px;display:grid;place-items:center}footer{text-align:center;color:#5f7c87;font-size:10px;padding:20px;border-top:1px solid var(--line)}@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.connectors{grid-column:1/-1}.event{grid-template-columns:1fr}.event-meta{text-align:left}.bucket-grid{grid-template-columns:repeat(5,220px)}.explain-grid{grid-template-columns:1fr}}@media(max-width:560px){.system-state{display:none}.metrics{grid-template-columns:1fr}.revisions{flex-wrap:wrap}.map,.map.tall{height:410px}}