html,body{margin:0;padding:0;width:100%;height:100%;background:#000;overflow:hidden}#stage{position:relative;width:100vw;height:100vh;background:#000}#video{width:100%;height:100%;display:block;background:#000}#watermark{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000b8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;z-index:5}.overlay[hidden]{display:none}.overlay-card{max-width:80%;text-align:center;color:#f3f4f6}#overlay-message{margin:0 0 12px;font-size:15px;line-height:1.5}.overlay-retry{border:none;border-radius:8px;background:#4f46e5;color:#fff;font-size:14px;font-weight:500;padding:8px 18px;cursor:pointer}.overlay-retry:hover{background:#4338ca}.spinner{position:absolute;top:50%;left:50%;width:34px;height:34px;margin:-17px 0 0 -17px;border:3px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;z-index:4}.spinner[hidden]{display:none}@keyframes spin{to{transform:rotate(360deg)}}#stage.cursor-hidden{cursor:none}.big-play{position:absolute;top:50%;left:50%;width:68px;height:68px;transform:translate(-50%,-50%);border:none;border-radius:50%;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:background .15s ease,transform .15s ease}.big-play:hover{background:#4f46e5d9;transform:translate(-50%,-50%) scale(1.06)}.big-play svg{width:30px;height:30px;fill:currentColor;margin-left:4px}.big-play[hidden]{display:none}.controls{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:20px 12px 8px;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.45) 55%,transparent 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;opacity:1;transition:opacity .2s ease}.controls[hidden]{display:none}.controls.controls-hidden{opacity:0;pointer-events:none}.seekbar{position:relative;height:4px;margin:0 4px 10px;border-radius:2px;background:#ffffff40;cursor:pointer;transition:height .1s ease}.seekbar:hover{height:6px}.seek-fill{position:absolute;top:0;left:0;height:100%;border-radius:2px;pointer-events:none}.seek-buffered{background:#fff6;width:0%}.seek-played{background:#4f46e5;width:0%}.seek-thumb{position:absolute;top:50%;left:0%;width:13px;height:13px;border-radius:50%;background:#4f46e5;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 0 3px #4f46e540}.seek-hover-time{position:absolute;bottom:14px;transform:translate(-50%);background:#000000d9;color:#fff;font-size:12px;padding:2px 6px;border-radius:4px;pointer-events:none;white-space:nowrap}.seek-hover-time[hidden]{display:none}.controls-row{display:flex;align-items:center;gap:6px}.controls-spacer{flex:1}.ctrl-btn{border:none;background:transparent;color:#fff;width:36px;height:36px;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.9;transition:opacity .15s ease,background .15s ease}.ctrl-btn:hover{opacity:1;background:#ffffff1f}.ctrl-btn svg{width:22px;height:22px;fill:currentColor}.ctrl-btn.active{color:#818cf8}.ctrl-btn[hidden]{display:none}.ctrl-btn.icon-play svg{margin-left:2px}.time-display{color:#f3f4f6;font-size:13px;font-variant-numeric:tabular-nums;padding:0 4px;white-space:nowrap}.volume-group{display:flex;align-items:center;gap:4px}.volume-bar{position:relative;width:60px;height:4px;border-radius:2px;background:#ffffff40;cursor:pointer}.vol-fill{position:absolute;top:0;left:0;height:100%;width:100%;border-radius:2px;background:#fff;pointer-events:none}.vol-thumb{position:absolute;top:50%;left:100%;width:11px;height:11px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);pointer-events:none}.settings-group{position:relative}.settings-menu{position:absolute;right:0;bottom:44px;width:220px;background:#1c1c1ef5;border-radius:8px;overflow:hidden;box-shadow:0 4px 18px #0006;font-size:13px}.settings-menu[hidden],.settings-panel[hidden]{display:none}.settings-item,.settings-back,.settings-option{display:flex;align-items:center;justify-content:space-between;width:100%;border:none;background:transparent;color:#f3f4f6;padding:10px 14px;text-align:left;cursor:pointer}.settings-back{justify-content:flex-start;gap:6px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.08)}.settings-item:hover,.settings-back:hover,.settings-option:hover{background:#ffffff14}.settings-item-val{color:#9ca3af}.settings-option.active{color:#818cf8}.settings-option.active:after{content:"✓";margin-left:8px}.context-menu{position:absolute;z-index:30;background:#1c1c1ef7;border-radius:8px;box-shadow:0 4px 18px #00000073;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.context-menu[hidden]{display:none}.context-item{display:block;width:100%;border:none;background:transparent;color:#f3f4f6;font-size:13px;padding:10px 16px;text-align:left;white-space:nowrap;cursor:pointer}.context-item:hover{background:#ffffff1a}.about-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#0009;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.about-modal[hidden]{display:none}.about-card{position:relative;min-width:220px;max-width:80%;text-align:center;background:#1c1c1efa;color:#f3f4f6;border-radius:10px;padding:28px 24px 20px}.about-brand{font-size:20px;font-weight:700;letter-spacing:.02em;color:#818cf8;margin-bottom:10px}.about-line{margin:4px 0;font-size:13px;color:#d1d5db}.about-copyright{margin-top:10px;color:#9ca3af;font-size:12px}.about-close{position:absolute;top:6px;right:10px;border:none;background:transparent;color:#9ca3af;font-size:20px;line-height:1;cursor:pointer}.about-close:hover{color:#fff}.stats-panel{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:35;width:90%;max-width:460px;background:#0a0a0ae6;color:#d1fae5;border-radius:10px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;box-shadow:0 10px 40px #0000008c}.stats-panel[hidden]{display:none}.stats-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.15);color:#fff;font-weight:600;font-size:15px}.stats-body{padding:10px 16px 14px}.stats-row{display:flex;justify-content:space-between;gap:16px;padding:3px 0;white-space:nowrap}.stats-key{color:#9ca3af}.stats-val{color:#d1fae5;text-align:right}.stats-close{border:none;background:transparent;color:#9ca3af;font-size:20px;line-height:1;cursor:pointer;padding:0 2px}.stats-close:hover{color:#fff}.range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;height:16px;margin:0}.range-input::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:#ffffff4d}.range-input::-moz-range-track{height:4px;border-radius:2px;background:#ffffff4d}.range-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;margin-top:-4px;border-radius:50%;background:#4f46e5;box-shadow:0 0 0 3px #4f46e540}.range-input::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#4f46e5;box-shadow:0 0 0 3px #4f46e540}.range-input:focus{outline:none}.volume-range{width:70px}.speed-display-row{display:flex;justify-content:center;padding:10px 14px 0}.speed-display{font-size:22px;font-weight:600;color:#f3f4f6;font-variant-numeric:tabular-nums}.speed-slider-row{display:flex;align-items:center;gap:8px;padding:8px 14px 10px}.speed-range{flex:1}.speed-step-btn{flex:none;width:26px;height:26px;border:none;border-radius:50%;background:#ffffff1a;color:#f3f4f6;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.speed-step-btn:hover{background:#fff3}.speed-presets{display:flex;justify-content:space-between;padding:4px 14px 14px;gap:4px}.speed-preset-item{display:flex;flex-direction:column;align-items:center;gap:2px}.speed-preset-btn{border:none;background:transparent;color:#9ca3af;font-size:12px;font-variant-numeric:tabular-nums;padding:4px 6px;border-radius:4px;cursor:pointer}.speed-preset-btn:hover{background:#ffffff14;color:#f3f4f6}.speed-preset-btn.active{color:#818cf8;font-weight:700}.speed-preset-caption{font-size:10px;color:#6b7280}.seek-bump{position:absolute;top:50%;width:84px;height:84px;transform:translateY(-50%) scale(.85);border-radius:50%;background:#0000008c;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;opacity:0;pointer-events:none;z-index:3;transition:opacity .2s ease,transform .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:12px}.seek-bump svg{width:26px;height:26px;fill:currentColor}.seek-bump-left{left:8%}.seek-bump-right{right:8%}.seek-bump.show{opacity:1;transform:translateY(-50%) scale(1)}