:root{--bg:#05060a;--panel:#10141ec7;--border:#ffffff1a;--text:#e8ecf3;--muted:#8b94a7;--accent:#ff6a1a;--accent-2:#3aa8ff;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);height:100%;margin:0;overflow:hidden}#viewport{position:fixed;inset:0}#viewport canvas{touch-action:none;display:block}.hud{z-index:1;position:fixed}.top-left{pointer-events:none;top:16px;left:16px}.top-left h1{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:1.1rem}.top-left p{color:var(--muted);margin:4px 0 0;font-size:.8rem}.top-right{gap:8px;display:flex;top:16px;right:16px}button{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;padding:8px 14px;font-size:.85rem}button:hover{border-color:var(--accent)}button.active{border-color:var(--accent);color:var(--accent)}.caption{background:var(--panel);border:1px solid var(--border);border-left:3px solid var(--accent-2);border-radius:8px;flex-direction:column;gap:4px;max-width:260px;padding:12px 14px;font-size:.85rem;display:flex;top:72px;right:16px}.caption[hidden]{display:none}.caption span{color:var(--muted)}.bottom{flex-direction:column;gap:8px;display:flex;bottom:12px;left:16px;right:16px}.controls{align-items:center;gap:8px;display:flex}.controls input[type=range]{accent-color:var(--accent);flex:1}.stages{scrollbar-width:thin;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.stages button{white-space:nowrap;padding:5px 10px;font-size:.75rem}.disclaimer{color:var(--muted);font-size:.68rem}.toast{background:var(--accent);color:#111;z-index:2;border-radius:8px;padding:8px 16px;font-size:.85rem;transition:transform .25s;position:fixed;top:20px;left:50%;transform:translate(-50%,calc(-100% - 24px))}.toast.show{transform:translate(-50%)}@media (width<=600px){.top-left p{display:none}.caption{max-width:none;inset:auto 16px 150px}}body.clean .hud{display:none}.video-dialog{width:min(400px,100vw - 32px);color:var(--text);border:1px solid var(--border);background:#121620;border-radius:12px;padding:20px}.video-dialog::backdrop{background:#0000008c}.video-dialog h2{margin:0 0 14px;font-size:1rem}.video-dialog label{color:var(--muted);flex-direction:column;gap:4px;margin-bottom:12px;font-size:.8rem;display:flex}.video-dialog select{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:8px;font-size:.85rem}.video-dialog progress{width:100%;accent-color:var(--accent)}.video-status{min-height:1.2em;color:var(--muted);margin:8px 0;font-size:.8rem}.video-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}a.button{color:var(--text);background:var(--panel);border:1px solid var(--accent);border-radius:8px;padding:8px 14px;font-size:.85rem;text-decoration:none}button.primary{background:var(--accent);color:#111;border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}.loader{z-index:10;background:radial-gradient(ellipse at 50% 35%, #16203a, var(--bg) 70%);flex-direction:column;justify-content:center;align-items:center;gap:14px;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}.loader.done{opacity:0;visibility:hidden}.loader p{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.85rem}.loader-bar{background:#ffffff14;border-radius:2px;width:180px;height:3px;overflow:hidden}.loader-bar span{background:linear-gradient(90deg, transparent, var(--accent), #fff2b0);width:40%;height:100%;animation:1.1s ease-in-out infinite loader-sweep;display:block}@keyframes loader-sweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}@media (prefers-reduced-motion:reduce){.loader-bar span{width:100%;animation:none}}