:root{color-scheme:dark;--bg:#030812;--glass:rgba(6,18,32,.72);--line:rgba(117,220,255,.28);--txt:#eafaff;--muted:#9cb6c5;--accent:#63e8ff}
*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--txt)}html,body{background:#030812}#app{background:#030812 url('assets/background.png') center/cover no-repeat fixed}#app:before{content:'';position:absolute;inset:0;background:rgba(1,7,17,.28);pointer-events:none;z-index:0}
#gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;cursor:grab}#gl:active{cursor:grabbing}.glass{background:var(--glass);backdrop-filter:blur(16px);border:1px solid var(--line);box-shadow:0 0 30px rgba(58,194,255,.08)}
.topbar{position:absolute;left:14px;right:14px;top:14px;z-index:5;border-radius:18px;padding:10px 12px;display:flex;gap:16px;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:8px;white-space:nowrap}.brand small{color:var(--muted)}.dot{width:11px;height:11px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px var(--accent)}.actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.btn{appearance:none;border:1px solid var(--line);background:rgba(7,28,46,.9);color:var(--txt);padding:9px 12px;border-radius:11px;cursor:pointer;font-weight:600}.btn:hover,.btn.active{border-color:var(--accent);box-shadow:0 0 18px rgba(99,232,255,.2)}.file input{display:none}
.hud{position:absolute;left:14px;bottom:14px;z-index:5;border-radius:14px;padding:9px 12px;display:flex;gap:14px;color:var(--muted);font-size:13px}.video-controls{position:absolute;left:50%;bottom:60px;transform:translateX(-50%);z-index:6;border-radius:16px;padding:9px 12px;display:flex;align-items:center;gap:10px;min-width:min(620px,88vw)}.video-controls input{flex:1}.round{border:1px solid var(--line);background:#071c2e;color:white;border-radius:50%;width:34px;height:34px;cursor:pointer}.hidden{display:none!important}.hidden-media{display:none}
.dropzone{position:absolute;inset:0;z-index:8;display:none;align-items:center;justify-content:center;background:rgba(0,8,16,.78);border:3px dashed var(--accent);font-size:clamp(18px,3vw,34px);font-weight:700;text-align:center;padding:30px}.dropzone.show{display:flex}.error{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:10;max-width:720px;padding:18px 22px;border-radius:16px;background:rgba(80,0,15,.9);border:1px solid rgba(255,90,120,.6)}
@media(max-width:780px){.topbar{align-items:flex-start}.brand small{display:none}.actions{gap:5px}.btn{padding:8px 9px;font-size:12px}.hud{right:14px;overflow:auto;white-space:nowrap}.video-controls{bottom:68px}}
body.stereo .topbar,body.stereo .hud,body.stereo .video-controls{opacity:.18;transition:opacity .2s}body.stereo .topbar:hover,body.stereo .hud:hover,body.stereo .video-controls:hover{opacity:1}

.copyright{position:absolute;right:14px;bottom:14px;z-index:7;padding:7px 10px;border-radius:10px;color:var(--muted);font-size:11px;user-select:none;pointer-events:none;letter-spacing:.2px}
@media(max-width:780px){.copyright{right:10px;bottom:45px;font-size:10px}}