:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{color:#eee;background:#111;justify-content:center;min-height:100vh;margin:0;display:flex}#app{width:100%}.page{flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:min(1400px,95vw);margin:0 auto;padding:2rem 1rem;display:flex}.video-form{gap:.5rem;width:100%;max-width:640px;display:flex}.video-form input{color:#eee;background:#1c1c1c;border:1px solid #444;border-radius:6px;flex:1;padding:.6rem .8rem;font-size:1rem}.video-form button{color:#fff;cursor:pointer;background:#c00;border:none;border-radius:6px;padding:.6rem 1.2rem;font-size:1rem}.video-form button:hover{background:#a80000}.error{color:#ff6b6b;margin:0}.player-frame{flex-direction:column;width:100%;display:flex}.player-frame:fullscreen{background:#000;justify-content:center}.player-wrap{aspect-ratio:16/9;background:#000;border-radius:8px 8px 0 0;width:100%;position:relative;overflow:hidden}.player-frame:fullscreen .player-wrap{border-radius:0;flex:1}#player{pointer-events:none;width:100%;height:100%}.click-catcher{cursor:pointer;background:0 0;border:none;width:100%;padding:0;position:absolute;inset:0}.ended-cover{background:#000;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:1.25rem;display:flex;position:absolute;inset:0}.ended-cover[hidden]{display:none}.ended-cover button{color:#fff;cursor:pointer;background:#c00;border:none;border-radius:6px;padding:.5rem 1.2rem;font-size:1rem}.ended-cover button:hover{background:#a80000}.controls{background:#1c1c1c;border-radius:0 0 8px 8px;flex:none;align-items:center;gap:.75rem;height:48px;padding:0 .75rem;display:flex}.icon-btn{color:#eee;cursor:pointer;background:0 0;border:none;border-radius:4px;flex:none;padding:.4rem;font-size:1.1rem;line-height:1}.icon-btn:hover{background:#ffffff26}.icon-btn.active{color:#111;background:#eee}#captions-btn{padding:.4rem .5rem;font-size:.75rem;font-weight:700}.progress-bar{cursor:pointer;background:#ffffff40;border-radius:3px;flex:1;height:6px;position:relative}.progress-fill{pointer-events:none;background:#c00;border-radius:3px;width:0%;position:absolute;inset:0}.time-display{font-variant-numeric:tabular-nums;color:#ccc;flex:none;font-size:.85rem}