:root{--cyan:#86e9ff;--cyan-dim:#86e9ff73;--line:#86e9ff24;--text:#cfe9f1;--dim:#bedce880;--amber:#ffb267;--bg:#04060a;--mono:ui-monospace, SFMono-Regular, "Cascadia Mono", Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--mono);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#viewport{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#viewport:active{cursor:grabbing}.hud{pointer-events:none;width:292px;transition:opacity .6s;position:fixed;top:26px;left:28px}.brand{letter-spacing:.36em;color:#f2fcff;text-shadow:0 0 16px #86e9ff59;align-items:baseline;gap:6px;font-size:13px;font-weight:600;display:flex}.brand span{color:var(--cyan);font-weight:400}.brand .tick{background:linear-gradient(90deg, var(--cyan-dim), transparent);flex:1;height:1px;transform:translateY(-3px)}.hud-rows{border-top:1px solid var(--line);margin-top:14px;padding-top:8px}.row{letter-spacing:.16em;justify-content:space-between;align-items:baseline;gap:12px;padding:5px 0;font-size:9.5px;display:flex}.row span{color:var(--dim);white-space:nowrap}.row b{color:#eafaff;font-variant-numeric:tabular-nums;letter-spacing:.06em;text-align:right;font-weight:500}.row b.warn{color:var(--amber)}.status{letter-spacing:.22em;color:var(--dim);align-items:center;gap:8px;margin-top:10px;font-size:8.5px;display:flex}.status i{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 8px var(--cyan);border-radius:50%;animation:2.4s infinite pulse}.status.danger i{background:var(--amber);box-shadow:0 0 8px var(--amber)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:25;background:linear-gradient(160deg,#091017db,#04080cbd);width:272px;padding:16px;font-size:10px;transition:opacity .4s,transform .4s,visibility .4s;position:fixed;top:50%;right:24px;transform:translateY(-50%);box-shadow:0 0 40px #0000008c,inset 0 0 24px #86e9ff08}.panel.collapsed{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(-50%)translate(24px)}.panel:before{content:"";background:var(--cyan);width:18px;height:1px;position:absolute;top:-1px;left:-1px}.panel:after{content:"";background:var(--cyan);width:18px;height:1px;position:absolute;bottom:-1px;right:-1px}.panel-head{border-bottom:1px solid var(--line);letter-spacing:.32em;color:var(--cyan);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;font-size:10px;display:flex}.panel-title{align-items:center;gap:8px;display:flex}.panel-toggle-close{border:1px solid var(--line);color:var(--dim);font-family:var(--mono);letter-spacing:.16em;cursor:pointer;background:#86e9ff0a;border-radius:1px;align-items:center;gap:5px;padding:4px 8px;font-size:8px;transition:all .2s;display:inline-flex}.panel-toggle-close:hover{color:#fff;border-color:var(--cyan);background:#86e9ff1f;box-shadow:0 0 10px #86e9ff33}.panel-fab{z-index:30;font-family:var(--mono);letter-spacing:.24em;color:var(--cyan);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:linear-gradient(160deg,#091017eb,#04080cd1);border-radius:1px;align-items:center;gap:8px;padding:8px 14px;font-size:9px;transition:opacity .4s,transform .3s,border-color .2s,box-shadow .2s;display:flex;position:fixed;top:26px;right:28px;box-shadow:0 0 24px #0009,inset 0 0 16px #86e9ff0a}.panel-fab:before{content:"";background:var(--cyan);width:10px;height:1px;position:absolute;top:-1px;left:-1px}.panel-fab:after{content:"";background:var(--cyan);width:10px;height:1px;position:absolute;bottom:-1px;right:-1px}.panel-fab:hover{border-color:var(--cyan);transform:translateY(-1px);box-shadow:0 0 16px #86e9ff4d}.panel-fab i.led{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 8px var(--cyan);border-radius:50%;animation:2.4s infinite pulse}body.cinema .panel-fab{opacity:0;pointer-events:none}.led{background:var(--cyan);width:5px;height:5px;box-shadow:0 0 10px var(--cyan);border-radius:50%}.ctl{margin-bottom:13px;display:block}.ctl>span{letter-spacing:.17em;color:var(--dim);justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:5px;font-size:8.5px;display:flex}.ctl>span b{color:var(--cyan);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-weight:500}input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:14px;margin:0;display:block}input[type=range]::-webkit-slider-runnable-track{background:#86e9ff38;height:1px}input[type=range]::-moz-range-track{background:#86e9ff38;height:1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cyan);border:0;border-radius:1px;width:7px;height:11px;margin-top:-5px;box-shadow:0 0 10px #86e9ffd9}input[type=range]::-moz-range-thumb{background:var(--cyan);border:0;border-radius:1px;width:7px;height:11px;box-shadow:0 0 10px #86e9ffd9}input[type=range]:focus-visible{outline:1px solid var(--cyan-dim);outline-offset:4px}.presets{border-top:1px solid var(--line);margin-top:16px;padding-top:13px}.section{letter-spacing:.26em;color:var(--dim);margin-bottom:8px;font-size:8.5px;display:block}.preset-row{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.preset{font-family:var(--mono);letter-spacing:.08em;color:var(--dim);border:1px solid var(--line);cursor:pointer;background:#86e9ff08;border-radius:1px;padding:7px 2px;font-size:8px;transition:color .2s,border-color .2s,background .2s}.preset:hover{color:#fff;border-color:var(--cyan-dim)}.preset.active{color:#041016;background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 16px #86e9ff59}.actions{gap:6px;margin-top:16px;display:grid}.btn{font-family:var(--mono);letter-spacing:.24em;color:var(--cyan);cursor:pointer;background:0 0;border:1px solid #86e9ff4d;border-radius:1px;padding:10px;font-size:9px;transition:background .2s,box-shadow .2s,color .2s}.btn:hover{background:#86e9ff14;box-shadow:0 0 18px #86e9ff29}.btn.primary{color:#041016;background:var(--cyan);border-color:var(--cyan);font-weight:600}.btn.primary:hover{box-shadow:0 0 24px #86e9ff8c}.hint{letter-spacing:.12em;color:#bedce852;margin-top:12px;font-size:7.5px;line-height:1.6}#cinema-ui{pointer-events:none}.bar{z-index:20;background:#000;height:0;transition:height .8s cubic-bezier(.4,0,.2,1);position:fixed;left:0;right:0}.bar.top{top:0}.bar.bottom{bottom:0}body.cinema .bar{height:9vh}body.cinema .hud,body.cinema .panel{opacity:0;pointer-events:none;transform:translateY(-50%)scale(.98)}body.cinema .hud{transform:none}.rec{letter-spacing:.3em;color:#ffffff8c;opacity:0;z-index:21;align-items:center;gap:7px;font-size:9px;transition:opacity .8s .3s;display:flex;position:fixed;top:calc(9vh + 16px);right:26px}.rec i{background:#ff4d4d;border-radius:50%;width:6px;height:6px;animation:1.6s infinite pulse;box-shadow:0 0 10px #ff4d4d}body.cinema .rec{opacity:1}#boot{z-index:40;color:var(--cyan);letter-spacing:.34em;background:#04060a;place-items:center;font-size:10px;transition:opacity 1s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}#boot.hidden{opacity:0;pointer-events:none}@media (max-width:860px){.panel{width:auto;max-height:46vh;top:auto;bottom:12px;left:12px;right:12px;overflow-y:auto;transform:none}.panel.collapsed{opacity:0;pointer-events:none;visibility:hidden;transform:translateY(115%)}.panel-fab{top:auto;bottom:16px;right:16px}body.cinema .panel{transform:none}.hud{width:230px;top:16px;left:16px}}@media (prefers-reduced-motion:reduce){.status i,.rec i{animation:none}}