:root{--bg: #0b0e14;--panel: #131720;--border: #232838;--text: #e6e8ee;--dim: #8b93a7;--good: #3ecf8e;--bad: #f2545b;--warn: #e8b84b;--accent: #5b8def;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{background:#1b2030;padding:1px 5px;border-radius:4px;font-size:12px}.app-shell{display:flex;flex-direction:column;min-height:100vh}.banner{background:#7a1d22;color:#fff;text-align:center;font-weight:800;letter-spacing:.06em;padding:10px 12px;font-size:16px;text-transform:uppercase;position:sticky;top:0;z-index:5;border-bottom:2px solid var(--bad)}.banner span{display:block;font-size:11px;font-weight:500;opacity:.85;text-transform:none;letter-spacing:0}.nav{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--panel)}.nav a{color:var(--dim);font-size:14px;font-weight:600}.nav a.active,.nav a:hover{color:var(--text);text-decoration:none}.brand{font-weight:800;letter-spacing:.05em}.clock{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--dim)}.clock b{color:var(--warn)}.page{padding:16px;max-width:1280px;width:100%;margin:0 auto}h2{font-size:20px;margin:4px 0 12px}h3{font-size:16px;margin:20px 0 8px}h4{margin:0 0 8px}.dim{color:var(--dim)}.small{font-size:12px}.pos{color:var(--good)}.neg{color:var(--bad)}.offline{background:#3a1a1c;border:1px solid var(--bad);color:#ffd7d9;padding:10px 14px;border-radius:8px;margin-bottom:12px;font-weight:600}.empty{border:1px dashed var(--border);border-radius:8px;padding:18px;color:var(--dim);text-align:center;margin:8px 0}.hb{display:flex;flex-wrap:wrap;gap:8px 24px;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 14px;margin-bottom:14px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.card-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.card-h h3{margin:0}.kv{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-top:1px solid #1b2030}.kv>span:first-child{color:var(--dim);flex:0 0 auto}.kv>span:last-child{text-align:right;min-width:0;overflow-wrap:anywhere}.pill{display:inline-block;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid}.pill.good{color:var(--good);border-color:var(--good)}.pill.bad{color:var(--bad);border-color:var(--bad)}.pill.warn{color:var(--warn);border-color:var(--warn)}.pill.dim{color:var(--dim);border-color:var(--border)}.chip{display:inline-block;background:#1b2030;border-radius:6px;padding:1px 6px;margin:1px 2px;font-size:11px}.score{font-variant-numeric:tabular-nums;font-weight:700}.score.good{color:var(--good)}.mq{display:block}.subs{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:4px 0 6px}.sub{font-size:10px;color:var(--dim)}.subbar{height:5px;background:#1b2030;border-radius:3px}.subbar div{height:100%;background:var(--accent);border-radius:3px}.table-wrap{overflow-x:auto;margin:6px 0 12px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:6px 10px;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--dim);font-weight:600;font-size:12px}td:last-child{white-space:normal}.tabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.tabs button,.tabs select,.tabs input{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:6px 12px;font-size:13px}.tabs button.on{border-color:var(--accent);color:var(--accent)}.md h2{font-size:18px;border-bottom:1px solid var(--border);padding-bottom:4px;margin-top:22px}.md h3{font-size:15px}.md p{margin:6px 0;line-height:1.5}.md li{margin-left:18px;line-height:1.5}.chart{width:100%;height:auto;background:var(--panel);border:1px solid var(--border);border-radius:8px;display:block}.chart .grid{stroke:#1f2535;stroke-width:1}.chart .axl{fill:var(--dim);font-size:10px}.chart .axr{fill:#b9a5ff;font-size:10px}.chart .ln{fill:none;stroke-width:1.6}.ln.opt{stroke:var(--good)}.ln.signal{stroke:#b9a5ff}.ln.mapped{stroke:#7f6bd6;stroke-dasharray:4 3}.chart .inval{stroke:var(--bad);stroke-dasharray:6 4;stroke-width:1.2}.chart .invt{fill:var(--bad);font-size:10px}.chart .entry{stroke:var(--dim);stroke-dasharray:2 4}.chart .gap{fill:#e8b84b26}.chart .ev{stroke-width:1.4}.ev.open{stroke:var(--accent)}.ev.close{stroke:var(--warn)}.chart .evt{fill:var(--text);font-size:10px}.chart .cp{stroke-width:1;stroke-dasharray:3 3}.cp.OBSERVED{stroke:var(--good)}.cp.CENSORED{stroke:var(--warn)}.cp.NOT_REACHED,.cp.PENDING{stroke:#4a5068}.chart .cpt{font-size:10px;fill:var(--dim)}.cpt.OBSERVED{fill:var(--good)}.cpt.CENSORED{fill:var(--warn)}.chart .hov{stroke:#fff4}.chart .cu line,.chart .cu rect{stroke:var(--good);fill:var(--good)}.chart .cd line,.chart .cd rect{stroke:var(--bad);fill:var(--bad)}.chart rect.bf{fill:var(--bg);stroke-width:1.2}.legend{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:11px;color:var(--dim);margin:6px 0}.legend .k:before{content:"";display:inline-block;width:14px;height:3px;margin-right:5px;vertical-align:middle;background:var(--dim)}.legend .opt:before{background:var(--good)}.legend .signal:before{background:#b9a5ff}.legend .mapped:before{background:#7f6bd6}.legend .inval:before{background:var(--bad)}.legend .gapk:before{background:#e8b84b80;height:8px}.legend .cuk:before{background:var(--good)}.legend .cdk:before{background:var(--bad)}.readout{font-size:12px;color:var(--dim);background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-variant-numeric:tabular-nums}@media (max-width: 640px){.page{padding:10px}.banner{font-size:14px}.nav{gap:6px 12px}.clock{margin-left:0;width:100%}.cards{grid-template-columns:1fr}}