.vp-player{--vp-bg: 0 0 0;--vp-text: 255 255 255;--vp-text-secondary: 255 255 255 / .6;--vp-overlay: 0 0 0 / .6;--vp-overlay-strong: 0 0 0 / .9;--vp-controls-bg: 28 28 28 / .95;--vp-hover: 255 255 255 / .1;--vp-border: 255 255 255 / .1;--vp-progress-bg: 255 255 255 / .2;--vp-buffer: 255 255 255 / .4;--vp-accent: var(--color-primary, 37 99 235);--vp-radius: 12px;--vp-radius-sm: 4px}.vp-player{position:relative;width:100%;max-width:100%;background:rgb(var(--vp-bg));border-radius:var(--vp-radius);overflow:hidden;box-shadow:0 10px 60px #00000080}.vp-player.fullscreen{max-width:100%;border-radius:0;position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999}.vp-video-container{position:relative;width:100%;aspect-ratio:16 / 9;background:rgb(var(--vp-bg));cursor:pointer}.vp-player.fullscreen .vp-video-container{aspect-ratio:unset;height:100%}.vp-video{width:100%;height:100%;display:block;-o-object-fit:contain;object-fit:contain;outline:none}.vp-player:focus,.vp-player *:focus{outline:none}.vp-player:focus-visible{outline:none}.bn-visual-media-wrapper:has(.vp-player){outline:none!important}.bn-visual-media-wrapper:has(.vp-player):focus,.bn-visual-media-wrapper:has(.vp-player):focus-within,.bn-visual-media-wrapper:has(.vp-player):focus-visible{outline:none!important}[data-content-type=video]:focus,[data-content-type=video]:focus-within,[data-content-type=video]:focus-visible{outline:none!important}.vp-title-overlay{position:absolute;top:0;left:0;right:0;padding:16px 20px;background:linear-gradient(rgb(var(--vp-overlay-strong)),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.vp-player:hover .vp-title-overlay,.vp-player.paused .vp-title-overlay{opacity:1}.vp-title{font-size:18px;font-weight:500;color:rgb(var(--vp-text));text-shadow:0 1px 3px rgb(0 0 0 / .5);margin:0}.vp-big-play-btn{--vp-play-btn-size: 80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width:var(--vp-play-btn-size);height:var(--vp-play-btn-size);background:rgb(var(--vp-overlay));border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;opacity:0;pointer-events:none}.vp-video-container{container-type:inline-size}@container (max-width: 400px){.vp-big-play-btn{--vp-play-btn-size: 60px}}@container (max-width: 300px){.vp-big-play-btn{--vp-play-btn-size: 48px}}@container (max-width: 200px){.vp-big-play-btn{--vp-play-btn-size: 40px}}.vp-big-play-btn.visible{opacity:1;pointer-events:auto}.vp-big-play-btn:hover{background:rgb(var(--vp-accent) / .9);transform:translate(-50%,-50%) scale(1.1)}.vp-big-play-icon{width:calc(var(--vp-play-btn-size) * .45);height:calc(var(--vp-play-btn-size) * .45);color:rgb(var(--vp-text));margin-left:calc(var(--vp-play-btn-size) * .05)}.vp-loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:3px solid rgb(var(--vp-progress-bg));border-top-color:rgb(var(--vp-text));border-radius:50%;animation:vp-spin 1s linear infinite}.vp-player.loading .vp-big-play-btn{display:none}@keyframes vp-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.vp-speed-indicator{position:absolute;top:16px;right:16px;background:rgb(var(--vp-overlay));color:rgb(var(--vp-text));padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600;pointer-events:none;animation:vp-fade-in .15s ease}.vp-skip-indicator{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;opacity:0;transition:opacity .2s ease;pointer-events:none;color:rgb(var(--vp-text))}.vp-skip-indicator.left{left:15%}.vp-skip-indicator.right{right:15%}.vp-skip-indicator.visible{opacity:1}.vp-skip-icon{width:40px;height:40px}.vp-skip-indicator span{font-size:13px;font-weight:500}.vp-end-screen{position:absolute;inset:0;background:rgb(var(--vp-overlay-strong));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;z-index:20}.vp-end-title{font-size:18px;font-weight:500;color:rgb(var(--vp-text))}.vp-replay-btn{display:flex;align-items:center;gap:8px;background:rgb(var(--vp-hover));border:none;padding:12px 24px;border-radius:24px;color:rgb(var(--vp-text));font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.vp-replay-btn:hover{background:rgb(var(--vp-text) / .2)}.vp-replay-icon{width:20px;height:20px}.vp-gradient-overlay{position:absolute;bottom:0;left:0;right:0;height:150px;background:linear-gradient(transparent,rgb(var(--vp-overlay-strong)));pointer-events:none;opacity:0;transition:opacity .3s ease}.vp-player:hover .vp-gradient-overlay,.vp-player.paused .vp-gradient-overlay,.vp-player.controls-visible .vp-gradient-overlay{opacity:1}.vp-controls{position:absolute;bottom:0;left:0;right:0;padding:0 12px 10px;opacity:0;transition:opacity .3s ease;z-index:10}.vp-player:hover .vp-controls,.vp-player.paused .vp-controls,.vp-player.controls-visible .vp-controls{opacity:1}.vp-controls-row{display:flex;align-items:center;justify-content:space-between}.vp-controls-left,.vp-controls-right{display:flex;align-items:center;gap:4px}.vp-control-btn{width:40px;height:40px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s ease;color:rgb(var(--vp-text));padding:0}.vp-control-btn:hover{background:rgb(var(--vp-hover))}.vp-control-btn-small{width:36px;height:36px}.vp-icon{width:24px;height:24px}.vp-icon-small{width:20px;height:20px}.vp-time-display{font-size:13px;color:rgb(var(--vp-text));margin-left:8px;font-weight:400;white-space:nowrap}.vp-time-separator{margin:0 4px;color:rgb(var(--vp-text-secondary))}.vp-volume-container{display:flex;align-items:center;position:relative}.vp-volume-slider-wrapper{width:0;overflow:hidden;transition:width .2s ease}.vp-volume-slider-wrapper.visible{width:60px}.vp-volume-slider{width:52px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:2px;margin-left:4px;cursor:pointer;outline:none}.vp-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:rgb(var(--vp-text));border-radius:50%;cursor:pointer}.vp-volume-slider::-moz-range-thumb{width:12px;height:12px;background:rgb(var(--vp-text));border-radius:50%;cursor:pointer;border:none}.vp-progress-container{position:relative;width:100%;height:5px;cursor:pointer;margin-bottom:8px;padding:8px 0}.vp-progress-container:hover .vp-progress-bar-bg{height:7px}.vp-progress-bar-bg{position:relative;width:100%;height:5px;background:rgb(var(--vp-progress-bg));border-radius:2px;transition:height .1s ease}.vp-progress-buffer{position:absolute;top:0;left:0;height:100%;background:rgb(var(--vp-buffer));border-radius:2px;pointer-events:none}.vp-progress-bar{position:absolute;top:0;left:0;height:100%;border-radius:2px;pointer-events:none}.vp-progress-thumb{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;transition:transform .1s ease;pointer-events:none}.vp-preview-time{position:absolute;bottom:24px;transform:translate(-50%);background:rgb(var(--vp-overlay-strong));color:rgb(var(--vp-text));padding:4px 8px;border-radius:var(--vp-radius-sm);font-size:12px;font-weight:500;pointer-events:none}.vp-settings-container{position:relative}.vp-settings-menu{position:absolute;bottom:50px;right:0;background:rgb(var(--vp-controls-bg));border-radius:var(--vp-radius);min-width:200px;overflow:hidden;z-index:100}.vp-settings-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;cursor:pointer;transition:background .15s ease;color:rgb(var(--vp-text))}.vp-settings-item:hover{background:rgb(var(--vp-hover))}.vp-settings-item-label{font-size:14px}.vp-settings-item-value{font-size:13px;color:rgb(var(--vp-text-secondary))}.vp-settings-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid rgb(var(--vp-border));cursor:pointer;color:rgb(var(--vp-text));gap:8px}.vp-settings-header:hover{background:rgb(var(--vp-hover))}.vp-submenu-option{display:flex;align-items:center;padding:10px 16px;cursor:pointer;transition:background .15s ease;color:rgb(var(--vp-text))}.vp-submenu-option:hover{background:rgb(var(--vp-hover))}.vp-submenu-option.selected{background:rgb(var(--vp-text) / .05)}.vp-check-icon{margin-right:12px;opacity:0}.vp-check-icon.visible{opacity:1}.vp-theatre-backdrop{position:fixed;inset:0;background:rgb(var(--vp-bg) / .9);z-index:9998;display:flex;align-items:center;justify-content:center;padding:40px;animation:vp-fade-in .2s ease}.vp-theatre-container{width:100%;max-width:1400px;max-height:100%}.vp-theatre-container .vp-player{border-radius:var(--vp-radius);box-shadow:0 20px 80px rgb(var(--vp-bg) / .8)}@keyframes vp-fade-in{0%{opacity:0}to{opacity:1}}@media(max-width:640px){.vp-player{border-radius:0}.vp-control-btn{width:36px;height:36px}.vp-icon{width:20px;height:20px}.vp-time-display{font-size:11px}.vp-settings-menu{min-width:180px}.vp-theatre-backdrop{padding:20px}}