.vp-wrapper{--controls-h: 120px;--accent: #7c3aed;--accent-light: #c4b5fd;position:relative;width:100%;max-width:900px;margin:0 auto;user-select:none;isolation:isolate}.vp-player{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:20px;overflow:hidden;border:2px solid #E8E6DF;box-shadow:inset 0 0 50px #0009;cursor:pointer}.vp-iframe{position:absolute;inset:0;z-index:1}.vp-iframe iframe{width:100%;height:100%;border:none;display:block}.vp-click-area{position:absolute;top:0;left:0;right:0;z-index:2;cursor:pointer}.vp-bottom-chrome{position:absolute;bottom:0;left:0;right:0;height:var(--controls-h);z-index:3;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.vp-bottom-chrome.visible{opacity:1;visibility:visible}.vp-bottom-chrome:hover,.vp-bottom-chrome:focus-within{opacity:1;visibility:visible}.vp-controls{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,1) 40%,rgba(0,0,0,.5) 65%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:0 14px 10px;pointer-events:auto}.vp-seekbar{position:relative;height:3px;background:#ffffff40;border-radius:10px;cursor:pointer;margin-bottom:8px;flex-shrink:0;transition:height .15s ease;touch-action:none}.vp-seekbar:before{content:"";position:absolute;inset:-10px 0}.vp-seekbar:hover{height:5px}.vp-seek-buffered{position:absolute;top:0;left:0;height:100%;background:#ffffff4d;border-radius:10px;pointer-events:none}.vp-seek-progress{position:absolute;top:0;left:0;height:100%;background:var(--accent);border-radius:10px;pointer-events:none}.vp-seek-thumb{position:absolute;top:50%;width:13px;height:13px;background:#fff;border-radius:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .15s;box-shadow:0 0 6px #00000080;pointer-events:none}.vp-seekbar:hover .vp-seek-thumb{opacity:1}.vp-controls-row{display:flex;align-items:center;gap:4px;flex-shrink:0}.vp-btn{width:36px;height:36px;border:none;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .15s ease,transform .15s ease;padding:0;flex-shrink:0;-webkit-tap-highlight-color:transparent}.vp-btn:hover{background:#ffffff26;transform:scale(1.1)}.vp-btn:active{transform:scale(.95)}.vp-btn svg{width:22px;height:22px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.5));pointer-events:none;flex-shrink:0}.vp-btn-sm svg{width:19px;height:19px}.vp-time{font-size:.8125rem;font-weight:500;color:#fff;font-variant-numeric:tabular-nums;margin:0 2px 0 4px;white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.6);flex-shrink:0}.vp-spacer{flex:1;min-width:0}.vp-volume-wrap{display:flex;align-items:center}.vp-volume-slider-wrap{width:0;overflow:hidden;transition:width .15s ease;display:flex;align-items:center}.vp-volume-wrap:hover .vp-volume-slider-wrap{width:56px}.vp-volume-slider{-webkit-appearance:none;appearance:none;width:56px;height:4px;border-radius:2px;outline:none;cursor:pointer;background:linear-gradient(to right,#fff calc(var(--volume-pct, 100) * 1%),#ffffff4d calc(var(--volume-pct, 100) * 1%))}.vp-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 2px #0006;opacity:0;transition:opacity .15s}.vp-volume-wrap:hover .vp-volume-slider::-webkit-slider-thumb{opacity:1}.vp-volume-slider::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:#fff;cursor:pointer;opacity:0;transition:opacity .15s}.vp-volume-wrap:hover .vp-volume-slider::-moz-range-thumb{opacity:1}.vp-volume-slider::-moz-range-track{height:4px;border-radius:2px;background:#ffffff4d}.vp-volume-slider::-moz-range-progress{height:4px;border-radius:2px;background:#fff}.vp-cc-btn,.vp-speed-btn{background:#ffffff14!important;border-radius:8px!important;padding:0 9px!important;height:30px!important;font-size:.75rem!important;font-weight:700!important;letter-spacing:.03em;border:1px solid rgba(255,255,255,.12)!important;width:auto!important;flex-shrink:0;color:#fff;cursor:pointer;transition:background .15s,border-color .15s;-webkit-tap-highlight-color:transparent}.vp-cc-btn.active{background:#ffffff38!important;border-color:#ffffff59!important;color:#fff}.vp-speed-wrap{position:relative;flex-shrink:0}.vp-speed-menu{position:absolute;bottom:calc(100% + 8px);right:0;background:#121212f7;border-radius:12px;padding:6px;display:flex;flex-direction:column;min-width:80px;box-shadow:0 8px 32px #000000b3;border:1px solid rgba(255,255,255,.1);z-index:10000}.vp-speed-option{padding:8px 12px;border:none;background:transparent;color:#ccc;font-size:.8125rem;cursor:pointer;border-radius:6px;text-align:center;transition:background .12s,color .12s;-webkit-tap-highlight-color:transparent}.vp-speed-option:hover{background:#ffffff1a;color:#fff}.vp-speed-option:active{background:#ffffff0d}.vp-speed-option.active{color:var(--accent-light);font-weight:700;background:#7c3aed33}.vp-big-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;width:88px;height:88px;border:none;border-radius:50%;background:#fff;color:#1a1a2e;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease;box-shadow:0 4px 24px #00000080;-webkit-tap-highlight-color:transparent}.vp-big-play:hover{background:#f0f0f0;transform:translate(-50%,-50%) scale(1.08)}.vp-big-play:active{transform:translate(-50%,-50%) scale(.96)}.vp-big-play svg{width:42px;height:42px;margin-left:5px;pointer-events:none}.vp-fs-portal-root{position:absolute;inset:0;pointer-events:none;z-index:9999}.vp-fs-portal-root .word-popup{pointer-events:auto;position:fixed}.vp-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000;z-index:30;border-radius:inherit}.vp-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.15);border-top-color:var(--accent-light);border-radius:50%;animation:vp-spin .8s linear infinite}@keyframes vp-spin{to{transform:rotate(360deg)}}.vp-subtitle-block{display:flex;flex-direction:column;align-items:center;gap:0;width:fit-content;max-width:88%;min-width:0;overflow-wrap:break-word;word-break:break-word;pointer-events:auto}.vp-subtitle-line{display:block;font-weight:500;line-height:1.4;text-align:center;word-wrap:break-word;white-space:normal;pointer-events:auto;cursor:default}.vp-subtitle-line .word-term{cursor:pointer;color:inherit;text-decoration-line:underline;text-decoration-color:#a29bfe80;text-underline-offset:3px}.vp-subtitle-line .word-term:hover{background-color:#a29bfe26;text-decoration-color:#a29bfee6}.vp-subtitle-line .word-status-learning{background-color:transparent!important;color:gold!important;text-decoration:underline!important;text-decoration-color:gold!important;text-underline-offset:4px}.vp-subtitle-line .word-status-known{background-color:transparent;color:inherit}.vp-subtitle-overlay{position:absolute;left:0;right:0;z-index:5;display:flex;justify-content:center;align-items:flex-end;padding:0 24px;pointer-events:none;background:transparent;bottom:18px;transition:bottom .15s ease}.vp-subtitle-overlay[data-controls=true]{bottom:68px}.vp-subtitle-overlay .vp-subtitle-line{color:#fff;font-size:1.375rem;line-height:1.25;padding:2px 10px;text-shadow:0 1px 0 rgba(0,0,0,.95),0 2px 6px rgba(0,0,0,.9),0 0 16px rgba(0,0,0,.6)}.vp-wrapper[data-panel=true] .vp-subtitle-overlay{display:none}.vp-subtitle-panel{display:none;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;min-height:52px;align-items:center;justify-content:center;padding:8px 14px;background:#0a0a0a;border-top:1px solid rgba(255,255,255,.06);pointer-events:none}.vp-subtitle-panel .vp-subtitle-line{color:#f0f0f0;font-size:.9375rem;line-height:1.4;padding:1px 8px}.vp-wrapper[data-panel=true] .vp-subtitle-panel{display:flex}.vp-wrapper:fullscreen{--controls-h: 120px;max-width:100%;width:100%;height:100%}.vp-wrapper:fullscreen .vp-player{border-radius:0;border:none;width:100%;height:100%;aspect-ratio:unset}@media(hover:hover){.vp-wrapper:fullscreen .vp-subtitle-overlay .vp-subtitle-line{font-size:2rem;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,1),0 0 30px rgba(0,0,0,.8)}}.vp-wrapper[data-fullscreen=true][data-orient=landscape] .vp-subtitle-overlay{bottom:70px;top:auto;align-items:flex-end;transition:none}.vp-wrapper[data-fullscreen=true][data-orient=landscape] .vp-subtitle-overlay[data-controls=true]{bottom:70px;top:auto}.vp-wrapper[data-fullscreen=true][data-orient=landscape] .vp-subtitle-overlay .vp-subtitle-line{font-size:1.125rem;line-height:1.3;padding:1px 6px;text-shadow:0 1px 0 rgba(0,0,0,.95),0 2px 6px rgba(0,0,0,.9)}.vp-wrapper:fullscreen .vp-subtitle-overlay{display:flex!important;bottom:80px!important;transition:none!important}.vp-wrapper:fullscreen .vp-subtitle-overlay[data-controls=true]{bottom:80px!important}.vp-wrapper:fullscreen .vp-subtitle-panel{display:none!important}@media(max-width:640px){.vp-wrapper{--controls-h: 100px;max-width:100%;width:100%}.vp-wrapper:fullscreen{--controls-h: 100px}.vp-player{border-radius:0;border-left:none;border-right:none}.vp-controls{padding:0 12px max(8px,env(safe-area-inset-bottom,0px))}.vp-controls-row{gap:4px}.vp-btn{width:44px;height:44px}.vp-btn svg{width:20px;height:20px}.vp-btn-sm svg{width:18px;height:18px}.vp-btn:hover{background:transparent;transform:none}.vp-btn:active{background:#ffffff24;transform:scale(.9)}.vp-time{font-size:.6875rem;margin:0 2px 0 4px}.vp-volume-wrap,.vp-btn-sm{display:none}.vp-cc-btn,.vp-speed-btn{height:34px!important;padding:0 10px!important;font-size:.75rem!important;min-width:36px}.vp-speed-option{padding:10px 12px;font-size:.875rem}.vp-seekbar{height:4px;margin-bottom:6px}.vp-seek-thumb{opacity:1;width:14px;height:14px}.vp-big-play{width:56px;height:56px}.vp-big-play svg{width:26px;height:26px}.vp-subtitle-overlay{padding:0 12px;bottom:14px;transition:bottom .15s ease}.vp-subtitle-overlay[data-controls=true]{bottom:60px}.vp-subtitle-overlay .vp-subtitle-line{font-size:.875rem;line-height:1.3;padding:1px 6px}.vp-wrapper:fullscreen .vp-subtitle-overlay .vp-subtitle-line{font-size:1rem;line-height:1.35;padding:2px 8px}.vp-wrapper:fullscreen .vp-controls{padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}.vp-wrapper:fullscreen .vp-subtitle-overlay{padding:0 max(12px,env(safe-area-inset-left,0px));bottom:70px!important;transition:none}.vp-wrapper:fullscreen .vp-subtitle-overlay[data-controls=true]{bottom:70px!important}}@media(max-width:640px)and (orientation:portrait){.vp-wrapper:fullscreen .vp-subtitle-overlay{top:calc(50vh + 28.125vw + 8px);bottom:auto;align-items:flex-start;transition:none;overflow:visible}.vp-wrapper:fullscreen .vp-subtitle-overlay[data-controls=true]{top:calc(50vh + 28.125vw + 8px);bottom:auto}.vp-wrapper:fullscreen .vp-subtitle-overlay .vp-subtitle-line{font-size:1rem;line-height:1.35;padding:2px 8px}}