.role-pill{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:999px;border:1px solid var(--line);background:var(--bg-soft);color:var(--accent);font-family:var(--mono);font-size:.72rem;letter-spacing:.02em;max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#08090ceb;padding:1.5rem}.access-card{width:min(400px,100%);background:var(--bg-elev);border:1px solid var(--line);border-radius:8px;padding:1.25rem 1.35rem 1.1rem;box-shadow:0 12px 40px #00000073}.access-card h1{margin:0 0 .35rem;font-size:1.15rem;font-weight:600}.access-hint{margin:0 0 1rem;color:var(--muted);font-size:.82rem;line-height:1.45}.access-form{display:flex;flex-direction:column;gap:.65rem;margin-bottom:.85rem}.access-form label,.access-card>label{display:flex;flex-direction:column;gap:.25rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--faint)}.access-form input,.access-card>label input{padding:.45rem .55rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--bg);color:var(--text);font-family:var(--mono);font-size:.85rem;text-transform:none;letter-spacing:0}.access-or{text-align:center;color:var(--faint);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin:.35rem 0 .65rem}.access-err{color:var(--bad);font-size:.82rem;margin:.65rem 0 0}.access-foot{margin:.9rem 0 0;color:var(--faint);font-size:.72rem;line-height:1.4}.secret-box{margin-top:.75rem;padding:.65rem .75rem;border:1px solid var(--warn);border-radius:var(--radius);background:#2a2208;display:flex;flex-direction:column;gap:.35rem}.secret-box code{word-break:break-all;color:var(--live);font-size:.78rem}:root{--bg: #0a0b0e;--bg-elev: #111318;--bg-soft: #161920;--bg-panel: #0e1014;--line: #2a2e38;--line-soft: #1e222b;--text: #e8e5dc;--muted: #8d939f;--faint: #5c6370;--live: #3ecf8e;--live-dim: #1a4d35;--warn: #d4a017;--bad: #e05555;--info: #6b9fd4;--accent: #c4a35a;--accent-press: #a8883f;--row-hover: #1a1d25;--ok-bg: #14251c;--bad-bg: #2a1414;--cache-bg: #1a2230;--radius: 5px;--font: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font);font-size:13px;line-height:1.4;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}#app{min-height:100vh}.shell{display:grid;grid-template-rows:auto auto auto 1fr;min-height:100vh}.topbar{display:flex;align-items:center;gap:.85rem;padding:.55rem 1rem;border-bottom:1px solid var(--line);background:var(--bg-elev);flex-wrap:wrap}.brand{display:flex;align-items:baseline;gap:.45rem;min-width:7rem}.brand strong{font-size:1.05rem;font-weight:600;letter-spacing:-.02em}.brand strong span{color:var(--accent);font-weight:700}.brand .ver{font-family:var(--mono);font-size:.7rem;color:var(--faint)}.live-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.18rem .5rem;border:1px solid var(--live-dim);border-radius:999px;background:#0f1c16;color:var(--live);font-family:var(--mono);font-size:.65rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.live-pill[data-state=off]{border-color:var(--line);background:var(--bg-soft);color:var(--muted)}.live-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.live-pill[data-state=on] .live-dot{animation:pulse 1.6s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 #3ecf8e8c}70%{box-shadow:0 0 0 7px #3ecf8e00}to{box-shadow:0 0 #3ecf8e00}}.top-meta{display:flex;flex-wrap:wrap;gap:.55rem .95rem;align-items:center;color:var(--muted);font-size:.78rem}.top-meta b{color:var(--text);font-weight:500;font-family:var(--mono);font-size:.74rem}.top-meta .delta{color:var(--live);font-family:var(--mono);font-size:.7rem}.top-actions{margin-left:auto;display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.field-inline{display:flex;align-items:center;gap:.3rem}.field-inline label{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);font-weight:600}.field-inline input,.field-inline select{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:.3rem .45rem;font-family:var(--mono);font-size:.72rem}.field-inline input{width:11rem}.field-inline input:focus,.field-inline select:focus{outline:1px solid var(--accent);border-color:var(--accent)}.btn{border:1px solid var(--line);background:var(--bg-soft);color:var(--text);border-radius:var(--radius);padding:.32rem .65rem;font-weight:500;font-size:.78rem}.btn:hover{border-color:#3a404c;background:#1e222b}.btn:disabled{opacity:.5;cursor:wait}.btn-primary{background:var(--accent);border-color:var(--accent);color:#14110a;font-weight:600}.btn-primary:hover{background:var(--accent-press);border-color:var(--accent-press)}.nav{display:flex;gap:0;border-bottom:1px solid var(--line);background:var(--bg-elev);padding:0 .75rem;overflow-x:auto}.nav button{border:0;background:transparent;color:var(--muted);padding:.55rem .9rem;font-size:.78rem;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.nav button:hover{color:var(--text)}.nav button.active{color:var(--text);border-bottom-color:var(--accent)}.nav .badge{display:inline-block;margin-left:.3rem;font-family:var(--mono);font-size:.65rem;color:var(--faint);background:var(--bg-soft);border:1px solid var(--line-soft);border-radius:999px;padding:0 .35rem}.gauges{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:1px;background:var(--line);border-bottom:1px solid var(--line)}@media(max-width:1200px){.gauges{grid-template-columns:repeat(4,1fr)}}@media(max-width:640px){.gauges{grid-template-columns:repeat(2,1fr)}.top-actions{margin-left:0;width:100%}}.gauge{background:var(--bg-elev);padding:.55rem .7rem .65rem;min-height:3.8rem}.gauge .k{font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;color:var(--faint);font-weight:600;margin-bottom:.25rem}.gauge .v{font-family:var(--mono);font-size:1.2rem;font-weight:500;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.gauge .s{margin-top:.15rem;font-size:.68rem;color:var(--muted);font-family:var(--mono)}.gauge.hot .v{color:var(--warn)}.gauge.live .v{color:var(--live)}.gauge.bad .v{color:var(--bad)}.bar-track{height:5px;background:var(--bg);border:1px solid var(--line-soft);border-radius:2px;overflow:hidden;margin-top:.3rem}.bar-fill{height:100%;background:var(--live);transition:width .25s ease}.bar-fill.warn{background:var(--warn)}.bar-fill.hot{background:var(--bad)}.workspace{min-height:0;display:flex;flex-direction:column}.view{flex:1;min-height:0;display:grid;gap:0}.view-overview{grid-template-columns:minmax(0,1.4fr) minmax(300px,.9fr);grid-template-rows:auto 1fr}@media(max-width:980px){.view-overview{grid-template-columns:1fr}}.view-activity{grid-template-columns:minmax(0,1.6fr) minmax(280px,.85fr)}@media(max-width:980px){.view-activity{grid-template-columns:1fr}}.view-capacity,.view-system{grid-template-columns:1fr 1fr}@media(max-width:900px){.view-capacity,.view-system{grid-template-columns:1fr}}.view-synth{grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);max-width:1200px}@media(max-width:900px){.view-synth{grid-template-columns:1fr}}.panel{border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:var(--bg-panel)}.panel:last-child{border-right:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid var(--line-soft);background:var(--bg-elev);flex-shrink:0}.panel-head h2{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.panel-head .hint{font-family:var(--mono);font-size:.66rem;color:var(--faint)}.panel-body{padding:.75rem;overflow:auto;flex:1}.panel-body.tight{padding:0}.charts{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:700px){.charts{grid-template-columns:1fr}}.chart-box{background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--radius);padding:.5rem .6rem .4rem}.chart-box h3{margin:0 0 .35rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-weight:600}.spark{display:block;width:100%;height:56px;background:transparent}.hist{display:flex;align-items:flex-end;gap:4px;height:72px;padding-top:.25rem}.hist-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:0}.hist-bar{width:100%;background:var(--info);border-radius:2px 2px 0 0;min-height:2px;transition:height .3s ease}.hist-bar.hot{background:var(--warn)}.hist-bar.crit{background:var(--bad)}.hist-lbl{font-family:var(--mono);font-size:.58rem;color:var(--faint);white-space:nowrap}.hist-n{font-family:var(--mono);font-size:.6rem;color:var(--muted)}.feed-wrap{overflow:auto;flex:1;max-height:calc(100vh - 14rem)}table.feed{width:100%;border-collapse:collapse;font-size:.76rem}table.feed th{position:sticky;top:0;z-index:1;text-align:left;background:var(--bg-soft);color:var(--faint);font-size:.62rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.4rem .55rem;border-bottom:1px solid var(--line)}table.feed td{padding:.4rem .55rem;border-bottom:1px solid var(--line-soft);vertical-align:top;font-variant-numeric:tabular-nums}table.feed tr:hover td{background:var(--row-hover)}table.feed tr.is-new td{animation:flash .85s ease-out}table.feed tr.selected td{background:#1c2118}@keyframes flash{0%{background:#24301f}to{background:transparent}}.mono{font-family:var(--mono);font-size:.72rem}.tag{display:inline-block;padding:.06rem .32rem;border-radius:3px;font-family:var(--mono);font-size:.64rem;font-weight:500;border:1px solid var(--line);color:var(--muted);background:var(--bg-soft)}.tag.ok{color:var(--live);border-color:var(--live-dim);background:var(--ok-bg)}.tag.err{color:var(--bad);border-color:#5a2424;background:var(--bad-bg)}.tag.cache{color:var(--info);border-color:#2a3a50;background:var(--cache-bg)}.tag.kind{color:var(--accent);border-color:#4a3e24;background:#1c1912}.text-snip{color:var(--muted);max-width:14rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{padding:2rem 1rem;text-align:center;color:var(--faint);font-size:.82rem}.kv{display:grid;grid-template-columns:7.5rem 1fr;gap:.28rem .55rem;font-size:.78rem}.kv .kk{color:var(--faint);font-family:var(--mono);font-size:.68rem}.kv .vv{font-family:var(--mono);font-size:.74rem;word-break:break-all}.block{padding:.7rem .8rem;border-bottom:1px solid var(--line-soft)}.block h3{margin:0 0 .45rem;font-size:.68rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.stat-card{background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--radius);padding:.5rem .6rem}.stat-card .sk{font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);font-weight:600}.stat-card .sv{font-family:var(--mono);font-size:1rem;margin-top:.15rem;font-variant-numeric:tabular-nums}.stat-card .ss{font-family:var(--mono);font-size:.65rem;color:var(--muted);margin-top:.1rem}.form-grid{display:grid;gap:.5rem}.form-grid label{display:grid;gap:.22rem;font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--faint)}.form-grid textarea,.form-grid select,.form-grid input[type=text]{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:.45rem .5rem;color:var(--text);font-size:.84rem}.form-grid textarea{min-height:6rem;resize:vertical;font-family:var(--font);line-height:1.45;text-transform:none;letter-spacing:0;font-weight:400;font-size:.88rem}.form-grid select:focus,.form-grid input:focus,.form-grid textarea:focus{outline:1px solid var(--accent);border-color:var(--accent)}.row2{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}@media(max-width:560px){.row2,.row3{grid-template-columns:1fr}}.form-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.3rem}.status-line{margin-top:.45rem;font-size:.78rem;color:var(--muted);min-height:1.15rem}.status-line.ok{color:var(--live)}.status-line.err{color:var(--bad)}audio.player{width:100%;margin-top:.5rem;height:2.1rem}.checkrow{display:flex;flex-wrap:wrap;gap:.65rem 1rem;font-size:.76rem;color:var(--muted)}.checkrow label{display:inline-flex;align-items:center;gap:.3rem;text-transform:none;letter-spacing:0;font-weight:500;color:var(--muted);cursor:pointer}.checkrow input[type=checkbox]{accent-color:var(--accent)}.filter-row{display:flex;flex-wrap:wrap;gap:.4rem;padding:.45rem .65rem;border-bottom:1px solid var(--line-soft);background:var(--bg-elev);align-items:center}.filter-row input,.filter-row select{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:.28rem .4rem;font-family:var(--mono);font-size:.72rem}.filter-row input{min-width:10rem;flex:1}.pre{font-family:var(--mono);font-size:.68rem;background:var(--bg);border:1px solid var(--line-soft);border-radius:var(--radius);padding:.55rem;overflow:auto;max-height:22rem;white-space:pre-wrap;word-break:break-word;color:var(--muted);margin:0}.footer-note{padding:.45rem .75rem;color:var(--faint);font-size:.66rem;border-top:1px solid var(--line-soft);font-family:var(--mono);flex-shrink:0}.clock{font-family:var(--mono);font-size:.72rem;color:var(--faint)}