:root{--vp-primary: #3dd68c;--vp-primary-hover: #2ec97a;--vp-primary-active: #24b86e;--vp-primary-glow: rgba(61, 214, 140, .2);--vp-bg: #000;--vp-surface-1: rgba(15, 15, 15, .95);--vp-surface-2: rgba(26, 26, 26, .95);--vp-surface-3: rgba(38, 38, 38, .95);--vp-border: rgba(255, 255, 255, .08);--vp-text-1: #ffffff;--vp-text-2: rgba(255, 255, 255, .7);--vp-text-3: rgba(255, 255, 255, .4);--vp-controls-bg: linear-gradient( to top, rgba(0, 0, 0, .82) 0%, rgba(0, 0, 0, .4) 60%, transparent 100% );--vp-controls-padding: 12px 16px 14px;--vp-controls-gap: 6px;--vp-controls-height: 44px;--vp-radius: 12px;--vp-radius-sm: 8px;--vp-radius-xs: 6px;--vp-radius-pill: 9999px;--vp-timeline-height: 4px;--vp-timeline-height-hover: 6px;--vp-timeline-radius: var(--vp-radius-pill);--vp-timeline-bg: rgba(255, 255, 255, .18);--vp-timeline-buffered: rgba(255, 255, 255, .32);--vp-timeline-progress: var(--vp-primary);--vp-timeline-gap: 3px;--vp-thumb-size: 14px;--vp-thumb-color: #fff;--vp-thumb-shadow: 0 0 0 3px var(--vp-primary-glow);--vp-volume-width: 72px;--vp-button-size: 36px;--vp-button-radius: var(--vp-radius-pill);--vp-button-hover-bg: rgba(255, 255, 255, .1);--vp-button-active-bg: rgba(255, 255, 255, .16);--vp-icon-size: 18px;--vp-menu-bg: var(--vp-surface-1);--vp-menu-border: var(--vp-border);--vp-menu-radius: var(--vp-radius-sm);--vp-menu-shadow: 0 8px 32px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .4);--vp-menu-item-hover: rgba(255, 255, 255, .08);--vp-menu-item-active: rgba(61, 214, 140, .12);--vp-menu-item-radius: var(--vp-radius-xs);--vp-live-bg: #ef4444;--vp-live-color: #fff;--vp-overlay-bg: rgba(0, 0, 0, .5);--vp-spinner-size: 36px;--vp-spinner-color: var(--vp-primary);--vp-spinner-track: rgba(255, 255, 255, .12);--vp-font-family: inherit;--vp-font-size: 13px;--vp-font-size-sm: 11px;--vp-font-weight: 500;--vp-transition: .2s ease;--vp-transition-fast: .12s ease}.vp-player{position:relative;display:block;width:100%;aspect-ratio:16 / 9;background:var(--vp-bg);border-radius:var(--vp-radius);font-family:var(--vp-font-family);font-size:var(--vp-font-size);font-weight:var(--vp-font-weight);color:var(--vp-text-1);user-select:none;-webkit-user-select:none;outline:none;transition:box-shadow var(--vp-transition);container-type:inline-size}.vp-video-area{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:var(--vp-radius);background:var(--vp-bg)}.vp-player:focus-visible{box-shadow:0 0 0 3px var(--vp-primary-glow)}.vp-player:fullscreen,.vp-player:-webkit-full-screen{border-radius:0}.vp-svg-icon{width:var(--vp-icon-size);height:var(--vp-icon-size);flex-shrink:0}.vp-player video{display:block;width:100%;height:100%;object-fit:contain}.vp-poster{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none}.vp-poster-leave-active{transition:opacity .2s ease}.vp-poster-leave-to{opacity:0}.vp-video-click-area{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.vp-controls{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:var(--vp-controls-padding);background:var(--vp-controls-bg);border-bottom-left-radius:var(--vp-radius);border-bottom-right-radius:var(--vp-radius);display:flex;flex-direction:column;gap:2px;transition:opacity var(--vp-transition),transform var(--vp-transition)}.vp-player.vp-controls-hidden .vp-controls{opacity:0;pointer-events:none;transform:translateY(4px)}.vp-controls-row{display:flex;align-items:center;gap:var(--vp-controls-gap);height:var(--vp-controls-height)}.vp-spacer{flex:1}.vp-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--vp-button-size);height:var(--vp-button-size);padding:0;background:none;border:none;border-radius:var(--vp-button-radius);color:var(--vp-text-1);cursor:pointer;flex-shrink:0;transition:background var(--vp-transition-fast),transform var(--vp-transition-fast)}.vp-button:hover{background:var(--vp-button-hover-bg)}.vp-button:active{background:var(--vp-button-active-bg);transform:scale(.92)}.vp-button:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.vp-button:focus{outline:none}.vp-button.vp-captions-active{color:var(--vp-primary)}.vp-button:focus-visible{outline:2px solid var(--vp-primary);outline-offset:2px}.vp-button svg{width:var(--vp-icon-size);height:var(--vp-icon-size);flex-shrink:0}.vp-button[aria-label]:after{content:attr(aria-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:4px 8px;background:var(--vp-surface-1);border:1px solid var(--vp-border);border-radius:var(--vp-radius-xs);font-size:var(--vp-font-size-sm);color:var(--vp-text-1);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:200}.vp-button[aria-label]:not(.vp-menu-open):hover:after{opacity:1;transform:translate(-50%) translateY(0)}.vp-controls-row>.vp-button:last-child[aria-label]:after{left:auto;right:0;transform:translateY(4px)}.vp-controls-row>.vp-button:last-child[aria-label]:not(.vp-menu-open):hover:after{transform:translateY(0)}.vp-speed-button{width:auto;min-width:var(--vp-button-size);height:var(--vp-button-size);padding:0 8px;font-size:var(--vp-font-size-sm);font-weight:600;letter-spacing:.02em;font-variant-numeric:tabular-nums}.vp-timeline{position:relative;width:100%;height:20px;display:flex;align-items:center;cursor:pointer;touch-action:none;padding:0 calc(var(--vp-thumb-size) / 2);box-sizing:border-box}.vp-timeline-track{flex:1;display:flex;align-items:center;gap:var(--vp-timeline-gap)}.vp-timeline-segment{position:relative;height:var(--vp-timeline-height);min-width:4px;background:var(--vp-timeline-bg);border-radius:var(--vp-timeline-radius);overflow:hidden;transition:height var(--vp-transition-fast),background .25s ease}.vp-timeline-track:hover .vp-timeline-segment,.vp-timeline--seeking .vp-timeline-segment{height:var(--vp-timeline-height-hover)}.vp-timeline-track .vp-timeline-segment:hover{height:calc(var(--vp-timeline-height-hover) + 2px)}.vp-timeline-segment--active{background:#ffffff2e;transition:height var(--vp-transition-fast),background .15s ease}.vp-timeline-buffered,.vp-timeline-fill{position:absolute;top:0;left:0;height:100%;border-radius:var(--vp-timeline-radius);pointer-events:none}.vp-timeline-buffered{background:var(--vp-timeline-buffered)}.vp-timeline-fill{background:var(--vp-timeline-progress)}.vp-timeline-thumb{position:absolute;top:50%;width:var(--vp-thumb-size);height:var(--vp-thumb-size);background:var(--vp-thumb-color);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;transition:box-shadow var(--vp-transition-fast),transform var(--vp-transition-fast);left:calc(var(--vp-thumb-size) / 2 + var(--progress, 0) * (100% - var(--vp-thumb-size)))}.vp-timeline:hover .vp-timeline-thumb,.vp-timeline--seeking .vp-timeline-thumb{box-shadow:var(--vp-thumb-shadow);transform:translate(-50%,-50%) scale(1.15)}.vp-timeline-tooltip{position:absolute;bottom:calc(100% + 10px);transform:translate(-50%);background:var(--vp-surface-1);border:1px solid var(--vp-border);border-radius:var(--vp-radius-xs);padding:4px 8px;font-size:var(--vp-font-size-sm);color:var(--vp-text-1);white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums;display:flex;flex-direction:column;align-items:center;gap:1px}.vp-tooltip-chapter{font-size:11px;font-weight:500;color:var(--vp-text-2);line-height:1.3}.vp-thumbnail-preview{width:160px;height:90px;margin-bottom:2px;border-radius:calc(var(--vp-radius-xs) - 1px);overflow:hidden;flex-shrink:0;background:var(--vp-timeline-bg)}.vp-thumbnail-img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.vp-thumbnail-sprite{background-repeat:no-repeat}.vp-volume{display:flex;align-items:center;gap:2px}.vp-volume-slider{-webkit-appearance:none;appearance:none;width:var(--vp-volume-width);height:4px;background:var(--vp-timeline-bg);border-radius:var(--vp-radius-pill);outline:none;cursor:pointer}.vp-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:var(--vp-thumb-size);height:var(--vp-thumb-size);background:var(--vp-thumb-color);border-radius:50%;cursor:pointer;transition:box-shadow var(--vp-transition-fast)}.vp-volume-slider:hover::-webkit-slider-thumb{box-shadow:var(--vp-thumb-shadow)}.vp-volume-slider::-moz-range-thumb{width:var(--vp-thumb-size);height:var(--vp-thumb-size);background:var(--vp-thumb-color);border-radius:50%;border:none;cursor:pointer}.vp-time{font-size:var(--vp-font-size-sm);color:var(--vp-text-2);white-space:nowrap;letter-spacing:.02em;font-variant-numeric:tabular-nums}.vp-time-current{color:var(--vp-text-1)}.vp-time-sep{margin:0 4px;color:var(--vp-text-3)}.vp-menu-wrap{position:relative}.vp-menu{position:absolute;bottom:calc(100% + 10px);right:-8px;background:var(--vp-menu-bg);border:1px solid var(--vp-menu-border);border-radius:var(--vp-menu-radius);box-shadow:var(--vp-menu-shadow);padding:6px;min-width:150px;z-index:100;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transform-origin:bottom right}.vp-menu-header{display:flex;align-items:center;padding:6px 10px 8px;font-size:var(--vp-font-size-sm);font-weight:600;color:var(--vp-text-1);letter-spacing:.01em;border-bottom:1px solid var(--vp-menu-border);margin-bottom:4px}.vp-menu-items{display:flex;flex-direction:column;gap:1px}.vp-menu-label{display:block;padding:4px 8px 8px;font-size:var(--vp-font-size-sm);color:var(--vp-text-3);letter-spacing:.05em;text-transform:uppercase}.vp-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:none;border:none;border-radius:var(--vp-menu-item-radius);color:var(--vp-text-2);font-size:var(--vp-font-size);font-weight:var(--vp-font-weight);text-align:left;cursor:pointer;white-space:nowrap;transition:background var(--vp-transition-fast),color var(--vp-transition-fast)}.vp-menu-item:hover{background:var(--vp-menu-item-hover);color:var(--vp-text-1)}.vp-menu-item.vp-active{background:var(--vp-menu-item-active);color:var(--vp-primary);font-weight:600}.vp-check-icon{width:14px;height:14px;flex-shrink:0;opacity:0;transition:opacity var(--vp-transition-fast)}.vp-menu-item.vp-active .vp-check-icon{opacity:1}.vp-settings-icon{transition:transform .4s cubic-bezier(.16,1,.3,1)}.vp-settings-icon--open{transform:rotate(135deg)}.vp-settings-menu{padding:6px;min-width:200px}.vp-settings-body{position:relative;overflow:hidden;transition:height .22s cubic-bezier(.4,0,.2,1)}.vp-settings-panel{width:100%}.vp-settings-row{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;background:none;border:none;border-radius:var(--vp-menu-item-radius);color:var(--vp-text-2);font-size:var(--vp-font-size);font-weight:var(--vp-font-weight);white-space:nowrap;cursor:pointer;transition:background var(--vp-transition-fast),color var(--vp-transition-fast)}.vp-settings-row:hover{background:var(--vp-menu-item-hover);color:var(--vp-text-1)}.vp-settings-row-icon{width:16px;height:16px;flex-shrink:0;color:var(--vp-text-3)}.vp-settings-row-label{flex:1;text-align:left}.vp-settings-row-value{font-size:var(--vp-font-size-sm);color:var(--vp-text-3);font-variant-numeric:tabular-nums}.vp-settings-row-arrow{width:14px;height:14px;color:var(--vp-text-3);flex-shrink:0}.vp-settings-back{display:flex;align-items:center;gap:6px;width:100%;padding:8px 10px 10px;background:none;border:none;border-bottom:1px solid var(--vp-menu-border);color:var(--vp-text-1);font-size:var(--vp-font-size);font-weight:600;cursor:pointer;margin-bottom:4px;transition:color var(--vp-transition-fast)}.vp-settings-back:hover{color:var(--vp-primary)}.vp-settings-back-icon{width:16px;height:16px;flex-shrink:0}.vp-speed-track{display:flex;align-items:center;gap:6px;padding:8px 10px 4px}.vp-step-button{width:28px;height:28px;flex-shrink:0}.vp-step-button svg{width:14px;height:14px}.vp-speed-current-value{text-align:center;padding:6px 10px 2px;font-size:1.1em;font-weight:700;color:var(--vp-primary);font-variant-numeric:tabular-nums;letter-spacing:.02em}.vp-cslider{position:relative;flex:1;height:20px;display:flex;align-items:center}.vp-cslider-rail{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:4px;background:var(--vp-timeline-bg);border-radius:var(--vp-radius-pill);pointer-events:none}.vp-cslider-fill{position:absolute;top:50%;left:0;height:4px;transform:translateY(-50%);background:var(--vp-primary);border-radius:var(--vp-radius-pill);pointer-events:none;transition:width 16ms linear}.vp-cslider-thumb{position:absolute;top:50%;width:var(--vp-thumb-size);height:var(--vp-thumb-size);transform:translate(-50%,-50%);background:var(--vp-primary);border-radius:50%;pointer-events:none;box-shadow:0 1px 4px #00000059;transition:left 16ms linear}.vp-cslider-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.vp-speed-badges{display:flex;justify-content:center;gap:6px;padding:6px 10px 10px}.vp-speed-badge{flex:1;text-align:center;padding:3px 4px;border-radius:var(--vp-radius-pill);border:1px solid var(--vp-menu-border);background:none;color:var(--vp-text-2);font-size:var(--vp-font-size-sm);font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--vp-transition-fast),color var(--vp-transition-fast),border-color var(--vp-transition-fast)}.vp-speed-badge:hover{background:var(--vp-menu-item-hover);color:var(--vp-text-1)}.vp-speed-badge.vp-active{background:var(--vp-primary);border-color:var(--vp-primary);color:#fff;font-weight:600}.vp-quality-option{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:none;border:none;color:var(--vp-text-1);font-size:var(--vp-font-size);cursor:pointer;transition:background var(--vp-transition-fast);text-align:left}.vp-quality-option:hover{background:var(--vp-menu-item-hover)}.vp-quality-option.vp-active{color:var(--vp-primary);font-weight:600}.vp-quality-check{width:14px;height:14px;flex-shrink:0;color:var(--vp-primary)}.vp-quality-label{flex:1}.vp-menu-sep{height:1px;background:var(--vp-menu-border);margin:2px 6px 6px}.vp-slide-fwd-enter-active,.vp-slide-fwd-leave-active,.vp-slide-bck-enter-active,.vp-slide-bck-leave-active{transition:transform .22s cubic-bezier(.4,0,.2,1),opacity .22s ease}.vp-slide-fwd-leave-active,.vp-slide-bck-leave-active{position:absolute;top:0;left:0;right:0}.vp-slide-fwd-enter-from{transform:translate(40%);opacity:0}.vp-slide-fwd-leave-to,.vp-slide-bck-enter-from{transform:translate(-40%);opacity:0}.vp-slide-bck-leave-to{transform:translate(40%);opacity:0}.vp-popup-enter-active{transition:opacity .18s ease,transform .18s cubic-bezier(.16,1,.3,1)}.vp-popup-leave-active{transition:opacity .12s ease,transform .12s ease}.vp-popup-enter-from,.vp-popup-leave-to{opacity:0;transform:scale(.9) translateY(8px)}.vp-live-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;background:var(--vp-live-bg);color:var(--vp-live-color);border-radius:var(--vp-radius-pill);font-size:var(--vp-font-size-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.vp-live-dot{width:5px;height:5px;background:currentColor;border-radius:50%;animation:vp-live-pulse 1.8s ease-in-out infinite}@keyframes vp-live-pulse{0%,to{opacity:1}50%{opacity:.35}}.vp-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--vp-overlay-bg)}.vp-spinner{width:var(--vp-spinner-size);height:var(--vp-spinner-size);border-radius:50%;border:2.5px solid var(--vp-spinner-track);border-top-color:var(--vp-spinner-color);animation:vp-spin .7s linear infinite}@keyframes vp-spin{to{transform:rotate(360deg)}}.vp-error{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px;text-align:center}.vp-error-icon{width:32px;height:32px;opacity:.5}.vp-error-message{font-size:var(--vp-font-size);color:var(--vp-text-2);line-height:1.5;max-width:260px}.vp-error-retry{margin-top:4px;padding:7px 18px;background:var(--vp-surface-3);border:1px solid var(--vp-border);border-radius:var(--vp-radius-pill);color:var(--vp-text-1);font-size:var(--vp-font-size);font-weight:500;cursor:pointer;transition:background var(--vp-transition-fast),border-color var(--vp-transition-fast)}.vp-error-retry:hover{background:var(--vp-surface-3);border-color:var(--vp-primary);color:var(--vp-primary)}.vp-subtitles{position:absolute;left:0;right:0;bottom:calc(var(--vp-controls-height) + 46px);display:flex;flex-direction:column;align-items:center;gap:3px;padding:0 48px;pointer-events:none;z-index:5;transition:bottom var(--vp-transition)}.vp-player.vp-controls-hidden .vp-subtitles{bottom:16px}.vp-subtitle-cue{background:#080808cc;color:#fff;padding:3px 10px;border-radius:3px;font-size:var(--vp-font-size);line-height:1.5;text-align:center;white-space:pre-line}.vp-play-flash{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:10}.vp-play-flash-circle{display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:#00000073;border-radius:50%;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:vp-flash-in .65s ease forwards}.vp-play-flash-circle .vp-svg-icon{width:32px;height:32px;color:#fff}@keyframes vp-flash-in{0%{opacity:0;transform:scale(.75)}15%{opacity:1;transform:scale(1.08)}35%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.vp-fade-enter-active,.vp-fade-leave-active{transition:opacity var(--vp-transition)}.vp-fade-enter-from,.vp-fade-leave-to{opacity:0}@container (max-width: 500px){.vp-subtitle-cue{font-size:11px;padding:2px 7px}.vp-subtitles{padding:0 28px;gap:2px}.vp-volume-slider{display:none}.vp-controls{padding:6px 12px 8px;gap:1px}.vp-controls-row{height:36px;gap:4px}.vp-button{width:36px;height:36px}.vp-menu{right:0;max-height:60cqh;overflow-y:auto}.vp-settings-body{max-height:none;overflow-y:visible}.vp-play-flash-circle{width:52px;height:52px}.vp-play-flash-circle .vp-svg-icon{width:24px;height:24px}}@container (max-width: 380px){.vp-subtitle-cue{font-size:10px;padding:2px 6px}.vp-subtitles{padding:0 16px}.vp-controls{padding:4px 8px 6px}.vp-controls-row{height:32px;gap:2px}.vp-button{width:32px;height:32px}.vp-time{font-size:10px}}@media(hover:none){.vp-button[aria-label]:after{display:none}}