@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&family=Syne:wght@600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0f;--panel:#111118;--panel-2:#171720;--line:#2b2b35;--text:#f7f7fb;--muted:#8e94a3;--green:#22c55e;--amber:#f59e0b;--red:#ef4444;--yellow:#eab308}*{box-sizing:border-box}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0;font-family:JetBrains Mono,monospace}button,input{font:inherit}.app{background-color:#0a0a0f;background-image:linear-gradient(#f59e0b0a 1px,#0000 1px),linear-gradient(90deg,#f59e0b09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;min-height:100vh;padding:20px}.topbar{border:1px solid var(--line);background:#111118eb;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.kicker{color:var(--amber);letter-spacing:0;margin:0 0 5px;font-size:11px}h1,h2{letter-spacing:0;margin:0;font-family:Syne,sans-serif}h1{font-size:clamp(28px,4vw,46px)}.topbar-actions,.drawer-head,.metric-label,.toggle-row,.slider-row span{justify-content:space-between;align-items:center;gap:12px;display:flex}.session-chip,.icon-button{border:1px solid var(--line);color:var(--text);background:#14141d}.session-chip{color:var(--green);padding:10px 12px}.icon-button{cursor:pointer;place-items:center;width:42px;height:42px;display:grid}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(330px,.75fr);gap:16px;margin-top:16px;display:grid}.feed-panel,.metrics-panel,.status-panel,.session-panel,.settings-drawer{border:1px solid var(--line);background:#111118f0}.feed-panel{min-height:560px;position:relative;overflow:hidden}.feed-panel video,.overlay-canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hidden-canvas{display:none}.feed-status{z-index:4;border:1px solid var(--line);color:var(--muted);background:#0a0a0fc7;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:inline-flex;position:absolute;top:14px;left:14px}.live-dot{background:var(--amber);border-radius:50%;width:9px;height:9px}.live-dot.online{background:var(--green);box-shadow:0 0 12px var(--green)}.live-dot.offline{background:var(--red)}.feed-warning,.no-face{z-index:5;border:1px solid var(--amber);color:var(--amber);background:#0a0a0fd1;align-items:center;gap:10px;padding:13px 16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.feed-warning.lower{color:var(--red);border-color:var(--red);top:auto;bottom:22px}.no-face{font-size:12px;inset:auto 14px 14px auto;transform:none}.alert-flash{z-index:3;border:3px solid var(--red);pointer-events:none;animation:.65s infinite alternate flash;position:absolute;inset:0}.side-stack{gap:16px;display:grid}.metrics-panel{padding:18px}.fusion-readout{border-bottom:1px solid var(--line);margin-bottom:16px;padding-bottom:18px;position:relative}.fusion-readout span,.metric-row span,.stat-strip span{color:var(--muted);font-size:12px}.fusion-readout strong{margin:7px 0 12px;font-size:clamp(48px,9vw,82px);line-height:.95;display:block}.level-chip{border:1px solid var(--line);color:var(--green);padding:5px 8px;font-size:11px;font-style:normal;position:absolute;top:0;right:0}.level-chip.medium{color:var(--amber);border-color:#f59e0b80}.level-chip.high,.level-chip.critical{color:var(--red);border-color:#ef44448c}.rule-note{color:var(--amber);margin:10px 0 0;font-size:11px}.safe{color:var(--green)}.warn{color:var(--amber)}.danger,.danger-text{color:var(--red)}.metric-row{margin-top:14px}.metric-label strong{color:var(--text)}.bar-track{border:1px solid var(--line);background:#08080d;height:9px;margin-top:8px}.bar-track.large{height:14px}.bar-fill{background:var(--green);height:100%;transition:width .12s linear,background .12s linear;box-shadow:0 0 16px #22c55e73}.bar-fill.warn{background:var(--amber);box-shadow:0 0 16px #f59e0b73}.bar-fill.danger{background:var(--red);box-shadow:0 0 16px #ef444473}.status-panel{grid-template-columns:repeat(3,1fr);gap:10px;padding:14px;display:grid}.status-pill{border:1px solid var(--line);min-height:72px;color:var(--muted);text-align:center;background:#0d0d13;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:12px;display:flex}.status-pill.active.red{border-color:var(--red);color:var(--red)}.status-pill.active.orange{border-color:var(--amber);color:var(--amber)}.status-pill.active.yellow{border-color:var(--yellow);color:var(--yellow)}.session-panel{grid-template-columns:360px minmax(0,1fr);gap:14px;margin-top:16px;padding:14px;display:grid}.stat-strip{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat-strip div{background:var(--panel-2);border:1px solid var(--line);padding:14px}.stat-strip strong{color:var(--amber);margin-top:8px;font-size:28px;display:block}.sparkline{min-height:118px}.alert-banner{z-index:20;background:var(--red);color:#fff;justify-content:center;align-items:center;gap:10px;width:min(760px,100vw - 30px);padding:14px 18px;font-weight:700;transition:transform .18s;display:flex;position:fixed;top:0;left:50%;transform:translate(-50%,-120%);box-shadow:0 0 32px #ef444473}.alert-banner.visible{animation:.75s infinite alternate pulse;transform:translate(-50%,12px)}.scrim{z-index:25;background:#0000008c;display:none;position:fixed;inset:0}.scrim.visible{display:block}.settings-drawer{z-index:26;width:min(390px,100vw);height:100vh;padding:20px;transition:transform .18s;position:fixed;top:0;right:0;transform:translate(100%)}.settings-drawer.open{transform:translate(0)}.slider-row,.toggle-row{margin-top:24px;display:block}.slider-row input{width:100%;accent-color:var(--amber);margin-top:12px}.toggle-row{display:flex}.toggle-row input{width:46px;height:24px;accent-color:var(--green)}.drawer-button{border:1px solid var(--amber);width:100%;color:var(--amber);cursor:pointer;background:#f59e0b14;margin-top:24px;padding:12px}@keyframes flash{0%{opacity:.35}to{opacity:1}}@keyframes pulse{0%{filter:brightness(.92)}to{filter:brightness(1.18)}}@media (width<=1050px){.dashboard-grid,.session-panel{grid-template-columns:1fr}.feed-panel{min-height:58vh}}@media (width<=700px){.app{padding:10px}.topbar,.topbar-actions,.stat-strip,.status-panel{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.status-panel{display:grid}.session-panel{padding:10px}}