:root{color-scheme:dark;--bg: #0a0a0a;--text: #edf5ff;--muted: #9bb1c5;--glass: rgba(20, 24, 32, .46);--border: rgba(121, 191, 255, .22);--cyan: #59f4ff;--green: #58ff9a;--amber: #ffcf6d}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;font-family:Segoe UI,Bahnschrift,Eurostile,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;color:var(--text);background:radial-gradient(circle at 22% 18%,#131a24,#0a0a0a 52%,#070708)}#scene-canvas{position:fixed;inset:0;width:100%;height:100%}.glass{background:linear-gradient(145deg,#171d28c7,#0b0e14a8);border:1px solid var(--border);box-shadow:0 16px 60px #00000059,inset 0 0 24px #59f4ff08;backdrop-filter:blur(8px)}.topbar{position:fixed;top:1.2rem;left:1.4rem;right:1.4rem;z-index:20;border-radius:14px;padding:.72rem .9rem;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:.65rem}.dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(180deg,var(--cyan),var(--green));box-shadow:0 0 18px #59f4ffb3}.topbar h1{margin:0;font-size:.84rem;text-transform:uppercase;font-weight:500;letter-spacing:.08em}.topbar-actions{display:flex;align-items:center;gap:.5rem}.meta-chip{border:1px solid rgba(121,191,255,.25);border-radius:999px;padding:.34rem .58rem;font-size:.67rem;color:#cde2f8;letter-spacing:.04em}.mode-select-wrap{font-size:.66rem;text-transform:uppercase;color:#88a9c7;letter-spacing:.09em}#perf-mode{background:#0a0e16e6;color:#e6f2ff;border:1px solid rgba(121,191,255,.33);border-radius:8px;padding:.28rem .5rem;font-size:.72rem}.layout{position:fixed;inset:4.8rem 1.4rem 8.2rem;display:grid;grid-template-columns:280px 1fr 330px;gap:.9rem;z-index:10}.zone{border-radius:14px;padding:.86rem;min-height:0}.zone h2{margin:0;font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:#d4e6fb;font-weight:600}.zone.left,.zone.right{overflow:auto}.zone.center{position:relative;pointer-events:none;background:linear-gradient(145deg,#121822d6,#0a0d12c2)}#nn-graph{position:absolute;inset:4.1rem 1rem 8.2rem;border-radius:12px;border:1px solid rgba(89,244,255,.22);background:radial-gradient(circle at 50% 30%,rgba(89,244,255,.08),transparent 55%),linear-gradient(160deg,#0a121cb8,#060a108f);overflow:hidden}#nn-graph svg{width:100%;height:100%;display:block}.nn-edge-line{stroke:#78bcff61;stroke-width:1.1}.nn-edge-line.active{stroke:#58ff9ad9;stroke-width:2.2}.nn-node-dot{fill:#59f4ffd1}.nn-node-dot.hidden{fill:#58ff9ad1}.nn-node-dot.output{fill:#ffcf6deb}.hero-subtitle{margin:.55rem 0 0;font-size:.74rem;color:#c8d9ea;max-width:540px}.hero-overlay{position:absolute;inset:auto .9rem .9rem;display:grid;gap:.65rem;z-index:2}.path-badge{width:fit-content;border:1px solid rgba(88,255,154,.45);border-radius:999px;padding:.33rem .58rem;font-size:.7rem;color:#c9ffde;background:#11271c6b}#nn-labels{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(160px,1fr));gap:.45rem}.nn-label{border:1px solid rgba(89,244,255,.28);border-radius:8px;padding:.35rem .46rem;font-size:.68rem;display:flex;justify-content:space-between;color:#d6eaff;background:#0c141d73}#telemetry-groups{margin-top:.6rem;display:grid;gap:.62rem}.telemetry-group{border:1px solid rgba(121,191,255,.15);border-radius:10px;padding:.5rem;background:#090c1285}.telemetry-group h3{margin:0 0 .48rem;font-size:.67rem;letter-spacing:.1em;text-transform:uppercase;color:#9db7cf;font-weight:600}.metric-card{border:1px solid rgba(121,191,255,.14);border-radius:9px;padding:.36rem .42rem;background:#060a1199}.metric-card+.metric-card{margin-top:.38rem}.metric-head{display:flex;align-items:center;gap:.34rem}.metric-icon{display:inline-grid;place-items:center;width:28px;height:18px;border-radius:6px;font-size:.56rem;letter-spacing:.08em;color:#b0cbe4;border:1px solid rgba(121,191,255,.25)}.metric-name{font-size:.67rem;color:#c7dbee}.metric-value{margin-top:.22rem;font-size:.78rem;letter-spacing:.02em;font-variant-numeric:tabular-nums}.sparkline{width:100%;height:34px;margin-top:.24rem;opacity:.9}#decision-cards{margin-top:.6rem;display:grid;gap:.6rem}.decision-card{border:1px solid rgba(121,191,255,.18);border-radius:10px;padding:.52rem;background:#080c1299}.decision-head{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem}.decision-title{font-size:.72rem;color:#c8def6}.decision-value{font-size:.72rem;color:#ecf6ff;font-weight:600}.decision-metrics{margin-top:.46rem;display:grid;grid-template-columns:1fr auto;align-items:center;gap:.56rem}.progress-wrap{height:7px;border-radius:999px;background:#ffffff1f;overflow:hidden}.progress-fill{width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--green));transition:width .32s ease}.confidence-ring{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0deg,rgba(255,255,255,.1) 0deg)}.confidence-ring span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#070a10eb;font-size:.61rem;color:#d3e7fd}.explainability,.strategy-state{margin-top:.72rem}.explainability h3,.strategy-state h3{margin:0 0 .4rem;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#a7c0d8}#explainability-list{margin:0;padding:0;list-style:none;display:grid;gap:.4rem}.factor-row{display:grid;grid-template-columns:86px 1fr 44px;gap:.38rem;align-items:center;font-size:.66rem;color:#c4d7e9}.factor-bar{height:6px;border-radius:999px;background:#ffffff24;overflow:hidden}.factor-bar-fill{width:0;height:100%;background:linear-gradient(90deg,var(--amber),var(--green));transition:width .32s ease}.factor-value{font-variant-numeric:tabular-nums;color:#f0f7ff}.state-pill{border:1px solid rgba(88,255,154,.4);border-radius:9px;padding:.44rem .5rem;font-size:.68rem;color:#d5ffe6;background:#11271c5c}.timeline-strip{position:fixed;left:1.4rem;right:1.4rem;bottom:1rem;z-index:11;border-radius:13px;padding:.55rem .75rem}.timeline-strip h2{margin:0 0 .44rem;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#b5cce3}#timeline-canvas{width:100%;height:110px;border-radius:9px;border:1px solid rgba(121,191,255,.2);background:#05090fb8}.floating-alerts{position:static;display:grid;gap:.45rem;margin-top:.15rem}.alert-chip{min-width:0;width:100%;border:1px solid rgba(255,207,109,.35);border-radius:10px;padding:.4rem .52rem;background:#221c106b;display:flex;justify-content:space-between;align-items:center;animation:pulse 2.8s ease-in-out infinite}.alert-chip strong{font-size:.68rem;color:#f3d999;font-weight:500}.alert-chip span{font-size:.7rem;color:#fff0c8}@keyframes pulse{0%,to{opacity:.78;transform:translateY(0)}50%{opacity:1;transform:translateY(-1px)}}@media (max-width: 1180px){.layout{grid-template-columns:250px 1fr 300px}.meta-chip:nth-child(2){display:none}}@media (max-width: 900px){.layout{grid-template-columns:1fr;top:4.9rem;bottom:8rem;overflow:auto}.zone.center{min-height:280px}.alert-chip{min-width:150px}}@media (max-width: 720px){.topbar{left:.7rem;right:.7rem;top:.6rem;padding:.55rem .62rem;border-radius:10px}.topbar h1{font-size:.67rem}.meta-chip{display:none}.layout{inset:3.8rem .7rem 7.2rem;gap:.55rem}.zone{padding:.62rem;border-radius:10px}#nn-labels{grid-template-columns:1fr}#nn-graph{inset:3.3rem .55rem 7.9rem}.timeline-strip{left:.7rem;right:.7rem;bottom:.5rem;border-radius:10px}}