:root{--bg: #0a0e1a;--bg-panel: #111726;--border: #212b42;--text: #e6e9f2;--text-dim: #8a93a8;--accent: #8ab4ff;--live: #5ee6a8;--quiet: #f2c14e;--dark: #6b7488;--danger: #ff7a8a;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:center;gap:20px;padding:14px 22px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#0e1730 0%,transparent 100%)}.brand{font-weight:650;letter-spacing:.2px;display:flex;align-items:center;gap:8px}.brand .spark{font-size:18px}.tabs{display:flex;gap:4px;margin-left:12px}.tab{background:none;border:0;color:var(--text-dim);cursor:pointer;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:550}.tab:hover{color:var(--text);background:#ffffff08}.tab.active{color:var(--text);background:#ffffff12}.spacer{flex:1}.whoami{color:var(--text-dim);font-size:12px}.content{padding:22px;flex:1}table.grid{width:100%;border-collapse:collapse;font-size:13px}.grid th{text-align:left;color:var(--text-dim);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.6px;padding:8px 12px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg)}.grid td{padding:9px 12px;border-bottom:1px solid #ffffff08;vertical-align:top}.grid tr:hover td{background:#ffffff05}.mono{font-family:var(--mono)}.num{text-align:right;font-variant-numeric:tabular-nums}.dim{color:var(--text-dim)}.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:600}.pill.live{color:var(--live);background:#5ee6a81a}.pill.quiet{color:var(--quiet);background:#f2c14e1a}.pill.dark-30d,.pill.dark{color:var(--dark);background:#6b74881a}.pill.danger{color:var(--danger);background:#ff7a8a1a}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.7px;color:var(--text-dim);margin:26px 0 10px}.sky-wrap{position:relative;border-radius:14px;overflow:hidden;background:radial-gradient(1200px 600px at 30% -10%,#16224a,#0a0e1a 60%);border:1px solid var(--border)}.sky-legend{display:flex;gap:18px;flex-wrap:wrap;color:var(--text-dim);font-size:12px;margin-top:12px}.sky-legend b{color:var(--text);font-weight:600}.star-tip{position:fixed;pointer-events:none;z-index:10;background:#0f1626;border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:12px;max-width:260px}.star-tip .t{font-weight:650;margin-bottom:3px}.loading,.empty{color:var(--text-dim);padding:24px 4px}.center-screen{display:grid;place-items:center;min-height:100vh;text-align:center}.btn{display:inline-block;background:var(--accent);color:#06122e;font-weight:650;padding:10px 18px;border-radius:10px;border:0;cursor:pointer}details.payload-cell summary{cursor:pointer;color:var(--text-dim);font-family:var(--mono);font-size:12px}details.payload-cell pre{margin:6px 0 0;background:#0c1220;padding:8px 10px;border-radius:8px;border:1px solid var(--border);overflow-x:auto;color:#cdd6ea}.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px}select,input{background:#0c1220;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 10px;font-size:13px}.chk{color:var(--text-dim);font-size:12px;display:flex;align-items:center;gap:6px}.rollup{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-bottom:18px}.rollup-signal{font-size:18px;font-weight:700;padding:12px 20px;border-radius:12px;border:1px solid var(--border)}.rollup-signal.ok{color:var(--live);background:#5ee6a814;border-color:#5ee6a840}.rollup-signal.bad{color:var(--danger);background:#ff7a8a14;border-color:#ff7a8a40}.rollup-counts{display:flex;gap:22px;flex-wrap:wrap}.count{text-align:center}.count-n{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.count-n.live{color:var(--live)}.count-n.quiet{color:var(--quiet)}.count-n.danger{color:var(--danger)}.count-n.dim{color:var(--text-dim)}.count-l{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim)}.graph-toolbar{display:flex;align-items:center;gap:14px;margin:8px 0 12px;flex-wrap:wrap}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--text-dim)}.legend-item{display:inline-flex;align-items:center;gap:5px}.swatch{width:11px;height:11px;border-radius:3px;display:inline-block}.swatch.dashed-red{border:1.5px dashed var(--danger);background:transparent}.graph-wrap{border-radius:14px;overflow:hidden;padding:6px;background:radial-gradient(1200px 600px at 30% -10%,#16224a,#0a0e1a 60%);border:1px solid var(--border)}.graph-col-head{fill:var(--text-dim);font-size:11px;text-transform:uppercase;letter-spacing:1px}.graph-label{fill:var(--text);font-size:11px;font-family:var(--mono)}.graph-label.dark{fill:var(--danger)}.layer-chip,.tag-chip{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:600;padding:1px 8px;border-radius:999px;border:1px solid var(--border);margin:0 4px 3px 0}.tag-chip{color:var(--text-dim)}.tag-chip .x{background:none;border:0;color:var(--text-dim);cursor:pointer;padding:0 0 0 2px;font-size:13px;line-height:1}.tag-chip .x:hover{color:var(--danger)}.tag-add{display:inline-flex;gap:4px;align-items:center}.tag-add input{padding:3px 6px;font-size:12px;width:100px}.subtabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--border)}.subtab{background:none;border:0;border-bottom:2px solid transparent;color:var(--text-dim);cursor:pointer;padding:8px 14px;font-size:13px;font-weight:550}.subtab:hover{color:var(--text)}.subtab.active{color:var(--text);border-bottom-color:var(--accent)}.admin-form{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;align-items:center}.admin-form input{min-width:120px}.admin-err{color:var(--danger);font-size:13px;margin:4px 0 10px}.btn-sm{background:var(--accent);color:#06122e;font-weight:650;border:0;cursor:pointer;padding:6px 12px;border-radius:8px;font-size:12px}.btn-danger{background:none;color:var(--danger);border:1px solid #ff7a8a40;cursor:pointer;padding:5px 10px;border-radius:8px;font-size:12px;margin-left:6px}.btn-danger:hover{background:#ff7a8a14}.cell-input{padding:4px 7px;font-size:12px;width:100%;min-width:90px}.cell-input.narrow{width:110px;min-width:70px}.token-once{background:#12210f;border:1px solid #5ee6a840;border-radius:10px;padding:12px 14px;margin-bottom:14px}.token-once pre{margin:8px 0 0;background:#0c1220;padding:8px 10px;border-radius:8px;overflow-x:auto;color:var(--live)}