:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f2f3f5;background:#0f1012;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(circle at 20% 0%,rgba(88,101,242,.18),transparent 34rem),#0f1012}#app{display:grid;place-items:center;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.state-card,.player-shell{width:min(1100px,100%);border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#18191ceb;box-shadow:0 24px 80px #00000052}.state-card{max-width:520px;padding:44px;text-align:center}.state-card h1,.player-shell h1{margin:0;font-size:clamp(1.15rem,3vw,1.6rem)}.state-card p,.player-shell p{color:#b5bac1}.spinner{width:34px;height:34px;margin:0 auto 22px;border:3px solid rgba(255,255,255,.16);border-top-color:#5865f2;border-radius:50%;animation:spin .8s linear infinite}.player-shell{overflow:hidden}.player-shell header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px 14px}.player-shell header p{margin:6px 0 0;font-size:.9rem}video{display:block;width:100%;max-height:calc(100vh - 190px);background:#000}.notice{margin:0;padding:13px 22px 16px;font-size:.82rem}.error,.error-card p{color:#fa777c!important}.expand-button{flex:0 0 auto;min-height:38px;padding:8px 14px;border:1px solid rgba(255,255,255,.15);border-radius:9px;color:#fff;background:#5865f2;font:inherit;font-weight:650;cursor:pointer}.expand-button:hover{background:#6873f5}.expand-button:focus-visible{outline:3px solid rgba(88,101,242,.45);outline-offset:2px}.player-shell.theater,.player-shell:fullscreen{position:fixed;inset:0;z-index:1000;display:block;width:100%;height:100%;border:0;border-radius:0;background:#000}.player-shell.theater header,.player-shell:fullscreen header{position:absolute;inset:0 0 auto;z-index:2;justify-content:flex-end;padding:18px;background:linear-gradient(to bottom,rgba(0,0,0,.62),transparent);pointer-events:none}.player-shell.theater header>div,.player-shell:fullscreen header>div{display:none}.player-shell.theater .expand-button,.player-shell:fullscreen .expand-button{pointer-events:auto}.player-shell.theater video,.player-shell:fullscreen video{width:100%;height:100%;max-height:none;object-fit:contain}.player-shell.theater .notice,.player-shell:fullscreen .notice{display:none}body.theater-open{overflow:hidden}video::-webkit-media-controls-fullscreen-button{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:600px){#app{padding:0}.state-card,.player-shell{border-radius:0;border-left:0;border-right:0}.state-card{padding:32px 22px}.player-shell header{align-items:flex-start;padding:14px 16px 12px}.expand-button{padding:7px 10px;font-size:.82rem}}