:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0b0c;--fg:#f2f2f2;--muted:#9a9aa0;--accent:#e82127}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:20px/1.4 system-ui,sans-serif}#app{padding:24px}h1{margin:0 0 16px;font-size:32px}h2{color:var(--muted);font-size:24px}header{justify-content:space-between;align-items:center;display:flex}button{font:inherit;color:inherit;background:#1d1d20;border:0;border-radius:12px}button.big{min-height:64px;margin:8px 12px 8px 0;padding:0 28px;font-size:22px}button.link{color:var(--muted);background:0 0;padding:12px}button.resume{background:var(--accent)}.row{flex-wrap:wrap;gap:16px;padding-bottom:12px;display:flex;overflow-x:auto}.poster{cursor:pointer;width:180px}.poster img,.poster .placeholder{object-fit:cover;background:#222;border-radius:10px;width:180px;height:270px;display:block}.poster .placeholder{color:var(--muted);justify-content:center;align-items:center;font-size:72px;display:flex}.poster .caption{white-space:pre-line;margin-top:6px;font-size:16px}.login{text-align:center;max-width:640px;margin:40px auto}.login .qr{background:#fff;border-radius:16px;width:360px;height:360px;margin:0 auto;padding:12px}.login .code{letter-spacing:4px;font-size:32px}.muted{color:var(--muted)}.error{text-align:center;margin-top:80px}.error small{color:var(--muted);margin:8px 0 24px;font-size:14px;display:block}.player{background:#000;position:fixed;inset:0}.player canvas{object-fit:contain;width:100%;height:100%;display:block}.player .badge{background:#000c;border-radius:999px;padding:10px 20px;position:absolute;top:24px;left:50%;transform:translate(-50%)}.player .overlay{background:linear-gradient(#000a,#0000 20% 75%,#000c);flex-direction:column;justify-content:space-between;transition:opacity .3s;display:flex;position:absolute;inset:0}.player .overlay.hidden{opacity:0}.player .top,.player .bottom{align-items:center;gap:16px;padding:20px 28px;display:flex}.player .top .title{flex:1;font-size:22px}.player .quality{color:var(--muted);font-size:16px}.player .ctl{background:#fff2;min-width:80px;min-height:64px;font-size:22px}.player .seek{cursor:pointer;background:#fff3;border-radius:8px;flex:1;height:16px}.player .seek .fill{background:var(--accent);border-radius:8px;width:0;height:100%}.player .time{font-variant-numeric:tabular-nums;text-align:right;min-width:180px}.player .start{background:#000a;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.player .start[hidden]{display:none}.player .start .err{color:var(--muted);text-align:center;max-width:70%}.av-button{min-width:150px}.av-panel{background:#16161a;border-radius:20px;width:560px;padding:20px 24px;position:absolute;bottom:110px;right:28px;box-shadow:0 10px 40px #000a}.av-panel[hidden]{display:none}.av-panel h3{margin:0 0 12px}.av-panel .scale{color:var(--muted);align-items:center;gap:12px;font-size:15px;display:flex}.av-panel .track{background:#fff2;border-radius:4px;flex:1;height:8px;position:relative}.av-panel .knob{background:var(--accent);border-radius:50%;width:24px;height:24px;margin-left:-12px;position:absolute;top:-8px}.av-panel .steps{align-items:center;gap:10px;margin:18px 0 6px;display:flex}.av-panel .steps button{background:#fff2;min-width:88px;min-height:64px;font-size:22px}.av-panel .steps .value{text-align:center;font-variant-numeric:tabular-nums;flex:1;font-size:24px}.av-panel .describe{text-align:center;color:var(--muted);margin:4px 0 14px}.av-panel .actions{gap:10px;display:flex}.av-panel .actions button{background:#fff1;flex:1;min-height:56px}.av-panel .scope{align-items:center;gap:18px;margin-top:14px;display:flex}.av-panel .scope input{vertical-align:middle;width:24px;height:24px}