:root{--bg: #0a0a0a;--panel: #121212;--panel-2: #181818;--border: #262626;--text: #e7e5e4;--muted: #8a8a8a;--accent: #f59e0b;--good: #4ade80;--warn: #f59e0b;--bad: #ef4444;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sans: "DM Sans", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}.app{max-width:1180px;margin:0 auto;padding:1.25rem 1.25rem 4rem}.topbar{position:sticky;top:0;z-index:10;background:var(--bg, #0a0a0a);padding-top:.5rem;display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:.75rem;margin-bottom:1.25rem;flex-wrap:wrap;gap:.5rem}.brand{font-family:var(--mono);font-weight:600;letter-spacing:.08em;font-size:.95rem}.brand .dot{color:var(--accent)}.nav{display:flex;gap:.25rem}.nav button{background:transparent;border:1px solid transparent;color:var(--muted);font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;padding:.4rem .7rem;cursor:pointer;border-radius:2px}.nav button:hover{color:var(--text)}.nav button.active{color:var(--accent);border-color:var(--border);background:var(--panel)}.statusline{font-family:var(--mono);font-size:.72rem;color:var(--muted)}.grid{display:grid;gap:.85rem}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 820px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:3px;padding:.9rem 1rem}.panel .label{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:.4rem}.metric-value{font-family:var(--mono);font-weight:600;font-size:1.7rem;line-height:1}.metric-value.xl{font-size:3.4rem}.metric-sub{font-family:var(--mono);font-size:.74rem;color:var(--muted);margin-top:.35rem}.delta.up{color:var(--good)}.delta.down{color:var(--bad)}.unit{font-size:.85rem;color:var(--muted);margin-left:.25rem}.sleepbar{display:flex;height:14px;border-radius:2px;overflow:hidden;background:var(--panel-2);margin:.5rem 0}.sleepbar span{display:block;height:100%}.seg-deep{background:#2563eb}.seg-rem{background:#7c3aed}.seg-light{background:#38bdf8}.seg-awake{background:#3f3f46}.legend{display:flex;gap:.9rem;flex-wrap:wrap;font-family:var(--mono);font-size:.7rem;color:var(--muted)}.legend i{display:inline-block;width:8px;height:8px;border-radius:1px;margin-right:.3rem}.badges{display:flex;flex-wrap:wrap;gap:.4rem}.badge{font-family:var(--mono);font-size:.72rem;padding:.2rem .5rem;border:1px solid var(--border);border-radius:2px;background:var(--panel-2);color:var(--text)}.badge.inferred{border-style:dashed;color:var(--muted)}.section-title{font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:1.4rem 0 .6rem}.toggle{display:inline-flex;border:1px solid var(--border);border-radius:3px;overflow:hidden}.toggle button{background:var(--panel);border:none;color:var(--muted);font-family:var(--mono);font-size:.74rem;padding:.35rem .7rem;cursor:pointer}.toggle button.active{background:var(--accent);color:#0a0a0a}.muted{color:var(--muted)}.mono{font-family:var(--mono)}.banner{background:#f59e0b14;border:1px solid rgba(245,158,11,.3);color:var(--accent);font-family:var(--mono);font-size:.78rem;padding:.6rem .8rem;border-radius:3px;margin-bottom:1rem}.error{color:var(--bad);font-family:var(--mono);font-size:.8rem}.corr-r{font-family:var(--mono);font-size:1.3rem;font-weight:600;color:var(--accent)}.datenav{display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem;font-family:var(--mono)}.datenav button{background:var(--panel);border:1px solid var(--border);color:var(--text);font-family:var(--mono);font-size:.82rem;padding:.2rem .6rem;border-radius:3px;cursor:pointer}.datenav button:hover{border-color:var(--accent);color:var(--accent)}.datenav button.ghost{color:var(--muted)}.datenav span{font-size:.88rem;min-width:6.5rem;text-align:center}.cov-row{display:flex;align-items:center;gap:.6rem;margin-bottom:4px}.cov-label{width:5.5rem;flex:none;font-size:.72rem;color:var(--muted);text-align:right}.cov-cells{display:flex;gap:2px}.cov-cell{width:9px;height:16px;border-radius:1px}.cov-tick{height:12px;background:none!important;font-family:var(--mono);font-size:.6rem;color:var(--muted);overflow:visible;white-space:nowrap}.devmatrix{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:.74rem}.devmatrix td{padding:.28rem .5rem .28rem 0;border-bottom:1px solid var(--border);vertical-align:middle}.dm-metric{color:var(--text);white-space:nowrap}.dm-total{color:var(--muted);text-align:right;white-space:nowrap;padding-right:.9rem!important}.dm-sources{display:flex;gap:.4rem;flex-wrap:wrap}.dm-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.1rem .45rem;border:1px solid var(--border);border-radius:2px;color:var(--muted);white-space:nowrap}.dm-chip i{display:inline-block;width:7px;height:7px;border-radius:1px}.dm-rule{margin-top:.2rem;font-size:.66rem;color:var(--muted)}.refresh{background:var(--panel);border:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:.72rem;padding:.3rem .6rem;border-radius:3px;cursor:pointer;white-space:nowrap}.refresh:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.refresh:disabled{opacity:.6;cursor:default}.hero{display:flex;flex-direction:column;min-height:180px}.hero .metric-value.xl{font-size:3rem;margin-top:.15rem}.hero-trend{margin-top:auto;padding-top:.7rem}.hero-trend-cap{font-size:.62rem;margin-top:.15rem}.section-toggle{display:inline-block;margin:1rem 0 .2rem;background:none;border:none;color:var(--muted);font-family:var(--mono);font-size:.74rem;cursor:pointer;padding:.2rem 0}.section-toggle:hover{color:var(--accent)}