:root{--bg:#04070c;--bg-2:#081320;--hud-cyan:#19e6ff;--hud-cyan-dim:#19e6ff59;--hud-magenta:#ff3da6;--hud-green:#28ffa6;--hud-amber:#ffb020;--hud-red:#ff4d5e;--text:#eaf6fb;--text-dim:#8aa3b2;--font-mono:"JetBrains Mono", "Fira Code", "SF Mono", ui-monospace, Consolas, monospace;--glass-bg:#121c2b9e;--glass-bg-strong:#202e40bd;--glass-border:#ffffff24;--glass-sheen:linear-gradient(135deg, #ffffff2e, #ffffff0a 36%, #fff0 60%);--glass-blur:blur(18px) saturate(160%);--radius:22px;--radius-sm:13px;--shadow:0 8px 22px #00000073;--inset-edge:inset 0 1px 0 #ffffff38, inset 0 -1px 0 #00000047}*{box-sizing:border-box}html,body,#root{height:100%;color:var(--text);font-family:var(--font-mono);margin:0;overflow:hidden}body{background:radial-gradient(34rem 34rem at 12% 10%, #19e6ff33, transparent 60%), radial-gradient(36rem 36rem at 88% 90%, #ff3da629, transparent 62%), var(--bg)}#root,.app{background:0 0}.app{grid-template:"top top""stage panel"1fr/1fr 340px;width:100%;height:100%;display:grid;position:relative}.topbar,.stat,.panel{background:var(--glass-sheen), var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--shadow), var(--inset-edge)}.topbar{border-top:0;border-left:0;border-right:0;border-radius:0;grid-area:top;align-items:center;gap:.8rem;padding:.9rem 1.4rem;display:flex}.logo{letter-spacing:.32rem;color:var(--hud-cyan);text-shadow:0 0 18px var(--hud-cyan-dim);font-size:1.3rem;font-weight:700}.logo-dot{color:var(--hud-magenta)}.badge{letter-spacing:.18rem;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-dim);border-radius:999px;padding:.28rem .62rem;font-size:.66rem;box-shadow:inset 0 1px #ffffff2e}.badge--mode{color:var(--hud-cyan)}.badge--ok{color:var(--hud-green);border-color:#28ffa666}.badge--warn{color:var(--hud-amber);border-color:#ffb02066}.status-msg{color:var(--hud-amber);letter-spacing:.08rem;font-size:.72rem}.stage{flex-direction:column;grid-area:stage;justify-content:center;gap:1.3rem;min-width:0;padding:1.8rem;display:flex}.readouts{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.stat{border-radius:var(--radius);padding:1.1rem 1.25rem;position:relative;overflow:hidden}.stat-label{letter-spacing:.2rem;color:var(--text-dim);font-size:.66rem}.stat-value{text-shadow:0 0 22px;margin-top:.4rem;font-size:2.4rem;font-weight:700;line-height:1}.stat-unit{color:var(--text-dim);text-shadow:none;margin-left:.3rem;font-size:.9rem;font-weight:400}.stat--hero{align-items:center;gap:.9rem;display:flex}.hero-text{flex-direction:column;display:flex}.pulse-heart{transform-origin:50%;filter:drop-shadow(0 0 10px #ff4d5eb3);flex:none;animation-name:heartbeat;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes heartbeat{0%,to{transform:scale(1)}12%{transform:scale(1.18)}26%{transform:scale(1)}}.stat--gauge{flex-direction:column;justify-content:center;align-items:center;gap:.3rem;padding:.7rem;display:flex}.gauge-text{font-size:1.05rem;font-weight:700;font-family:var(--font-mono)}.gauge-label{letter-spacing:.2rem}.heart-graph{border-radius:var(--radius);background:var(--glass-sheen), #070e1880;border:1px solid var(--glass-border);width:100%;box-shadow:var(--shadow), var(--inset-edge);display:block}.telemetry{letter-spacing:.1rem;color:var(--text-dim);flex-wrap:wrap;gap:1.2rem;font-size:.72rem;display:flex}.telemetry .hot{color:var(--hud-amber)}.telemetry .ok{color:var(--hud-green)}.panel{border-top:0;border-bottom:0;border-right:0;border-radius:0;flex-direction:column;grid-area:panel;gap:1rem;padding:1.4rem;display:flex}.panel h3{letter-spacing:.2rem;text-transform:uppercase;color:var(--hud-cyan);margin:0;font-size:.8rem}.panel-note{color:var(--text-dim);margin:0;font-size:.72rem;line-height:1.55}.slider{flex-direction:column;gap:.5rem;display:flex}.slider-label{letter-spacing:.12rem;color:var(--text);font-size:.72rem}input[type=range]{appearance:none;cursor:pointer;background:#ffffff24;border-radius:999px;width:100%;height:6px;box-shadow:inset 0 1px 2px #0006}input[type=range]::-webkit-slider-thumb{appearance:none;background:radial-gradient(circle at 35% 30%,#fff,#ffffff8c);border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #00000073,inset 0 1px #ffffffe6}input[type=range]::-moz-range-thumb{background:radial-gradient(circle at 35% 30%,#fff,#ffffff8c);border:0;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #00000073}.algo{flex-direction:column;gap:.5rem;display:flex}.seg{gap:.45rem;display:flex}.seg-btn,.calib-btn{font-family:var(--font-mono);letter-spacing:.12rem;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-dim);cursor:pointer;padding:.55rem .85rem;font-size:.72rem;transition:all .18s;box-shadow:inset 0 1px #ffffff2e}.seg-btn.on{color:#04141a;background:linear-gradient(160deg, #6ff2ff, var(--hud-cyan));border-color:#ffffff80;box-shadow:0 4px 16px #19e6ff66,inset 0 1px #ffffffb3}.seg-btn:hover,.calib-btn:hover{color:var(--text);background:var(--glass-bg-strong);border-color:#ffffff59}.modes{margin-bottom:.4rem}.modes .seg-btn{text-align:center;flex:1;padding:.5rem .25rem;font-size:.6rem}.calib-row{align-items:center;gap:.5rem;margin-top:auto;display:flex}.calib-btn{flex:1;padding:.75rem}.calib-btn:disabled{opacity:.5;cursor:default}.infotip{vertical-align:middle;margin-left:.4rem;display:inline-flex;position:relative}.infotip-dot{border:1px solid var(--glass-border);background:var(--glass-bg);width:15px;height:15px;color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:.6rem;font-style:italic;line-height:1;transition:color .15s,border-color .15s;display:inline-flex}.infotip-dot:hover{color:var(--hud-cyan);border-color:var(--hud-cyan-dim)}.infotip-bubble{border:1px solid var(--glass-border);width:240px;max-width:72vw;box-shadow:var(--shadow), inset 0 1px 0 #ffffff29;color:var(--text);letter-spacing:.01rem;text-transform:none;z-index:60;opacity:0;visibility:hidden;pointer-events:none;background:#0a121ef0;border-radius:12px;padding:.65rem .8rem;font-size:.66rem;font-style:normal;line-height:1.55;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-4px)}.infotip-bubble--right{left:auto;right:0}.infotip-bubble--up{top:auto;bottom:calc(100% + 8px);transform:translateY(4px)}.infotip:hover .infotip-bubble,.infotip-bubble.is-open{opacity:1;visibility:visible;transform:translateY(0)}.disclaimer{color:var(--text-dim);margin:.9rem 0 0;font-size:.62rem;line-height:1.55}.media--off{display:none}.media--on{border-radius:var(--radius);border:1px solid var(--glass-border);box-shadow:var(--shadow), var(--inset-edge);background:#0009;justify-content:center;display:flex;position:relative;overflow:hidden}.feed{object-fit:contain;width:100%;max-height:42vh;display:block}.feed--mirror{transform:scaleX(-1)}.hud-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.media-hint{letter-spacing:.08rem;color:var(--text);border:1px solid var(--glass-border);white-space:nowrap;background:#05080db8;border-radius:999px;padding:.45rem .9rem;font-size:.72rem;position:absolute;bottom:.9rem;left:50%;transform:translate(-50%)}.vignette{pointer-events:none;z-index:50;background:radial-gradient(120% 120%,#0000 52%,#40e0d04d 100%);transition:opacity 1.2s;position:fixed;inset:0}.hud-frame{pointer-events:none;z-index:40;position:fixed;inset:0;overflow:hidden}.corner{border:2px solid #ffffff47;border-radius:3px;width:24px;height:24px;position:absolute}.corner--tl{border-bottom:0;border-right:0;top:12px;left:12px}.corner--tr{border-bottom:0;border-left:0;top:12px;right:12px}.corner--bl{border-top:0;border-right:0;bottom:12px;left:12px}.corner--br{border-top:0;border-left:0;bottom:12px;right:12px}.scanline{background:linear-gradient(90deg,#0000,#19e6ff59,#0000);height:2px;animation:7s linear infinite scan;position:absolute;left:0;right:0}@keyframes scan{0%{opacity:0;top:-2%}8%{opacity:1}92%{opacity:1}to{opacity:0;top:102%}}@media (width<=920px){html,body,#root{overflow:auto}.app{grid-template-columns:1fr;grid-template-areas:"top""stage""panel";height:auto;min-height:100%}.panel{border-top:1px solid var(--glass-border)}.readouts{grid-template-columns:repeat(2,1fr)}}