.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to right,#3b82f6 0,#3b82f6 var(--volume-progress,50%),rgba(255,255,255,.25) var(--volume-progress,50%),rgba(255,255,255,.25) 100%);outline:none;border-radius:6px;height:6px;cursor:pointer}.volume-slider::-webkit-slider-track{background:transparent;height:6px;border-radius:6px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer;border:2px solid white;box-shadow:0 2px 8px rgba(59,130,246,.4);-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);margin-top:-5px}.volume-slider::-webkit-slider-thumb:hover{background:#2563eb;transform:scale(1.2);box-shadow:0 4px 12px rgba(59,130,246,.6)}.volume-slider::-moz-range-track{background:rgba(255,255,255,.25);height:6px;border-radius:6px;border:none}.volume-slider::-moz-range-progress{background:#3b82f6;height:6px;border-radius:6px}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#3b82f6;cursor:pointer;border:2px solid white;box-shadow:0 2px 8px rgba(59,130,246,.4);-moz-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1)}.volume-slider::-moz-range-thumb:hover{background:#2563eb;transform:scale(1.2);box-shadow:0 4px 12px rgba(59,130,246,.6)}.video-progress{position:relative;height:4px;background:rgba(255,255,255,.2);border-radius:6px;cursor:pointer;transition:height .2s cubic-bezier(.4,0,.2,1)}.video-progress:hover{height:6px}.video-progress-buffered{background:rgba(255,255,255,.3)}.video-progress-buffered,.video-progress-played{position:absolute;top:0;left:0;height:100%;border-radius:6px;transition:width .15s ease-out}.video-progress-played{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.video-progress-thumb{position:absolute;top:50%;transform:translateY(-50%);width:14px;height:14px;background:#3b82f6;border:2px solid white;border-radius:50%;box-shadow:0 2px 12px rgba(59,130,246,.5);opacity:0;transition:all .2s cubic-bezier(.4,0,.2,1);margin-left:-7px}.video-progress:hover .video-progress-thumb{opacity:1;transform:translateY(-50%) scale(1.15)}.video-control-btn{position:relative;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}.video-control-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255,255,255,.2);border-radius:50%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.4,0,.2,1)}.video-control-btn:hover:before{width:100%;height:100%}.video-control-btn:active{transform:scale(.95)}.video-popup{transform-origin:bottom center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.1)}.popup-menu-item{position:relative;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);border-radius:8px}.popup-menu-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .4s cubic-bezier(.4,0,.2,1)}.popup-menu-item:hover:before{left:100%}.popup-menu-item.selected{background:linear-gradient(90deg,rgba(59,130,246,.15),rgba(96,165,250,.08));border-left:3px solid #3b82f6}.video-control-button{position:relative;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.video-control-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(59,130,246,.3) 0,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:all .3s cubic-bezier(.4,0,.2,1)}.video-control-button:hover:before{width:120%;height:120%}.video-control-button:active{transform:scale(.96)}.video-loading-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.audio-boost-indicator{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.video-tooltip{position:relative}.video-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.8);color:white;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease;margin-bottom:4px}.video-tooltip:hover:after{opacity:1}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;height:6px}input[type=range]::-webkit-slider-track{background:rgba(255,255,255,.25);height:6px;border-radius:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:18px;width:18px;border-radius:50%;background:#3b82f6;border:3px solid white;box-shadow:0 2px 12px rgba(59,130,246,.4);cursor:pointer;-webkit-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1);margin-top:-6px}input[type=range]::-webkit-slider-thumb:hover{background:#2563eb;transform:scale(1.15);box-shadow:0 4px 16px rgba(59,130,246,.6)}input[type=range]::-moz-range-track{background:rgba(255,255,255,.25);height:6px;border-radius:6px;border:none}input[type=range]::-moz-range-thumb{height:18px;width:18px;border-radius:50%;background:#3b82f6;border:3px solid white;box-shadow:0 2px 12px rgba(59,130,246,.4);cursor:pointer;-moz-transition:all .2s cubic-bezier(.4,0,.2,1);transition:all .2s cubic-bezier(.4,0,.2,1)}input[type=range]::-moz-range-thumb:hover{background:#2563eb;transform:scale(1.15);box-shadow:0 4px 16px rgba(59,130,246,.6)}.video-gradient-overlay{background:linear-gradient(0deg,rgba(0,0,0,.9) 0,rgba(0,0,0,.5) 30%,transparent 60%,rgba(0,0,0,.3))}.video-controls *{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media (max-width:768px){.video-popup{position:absolute!important;bottom:60px!important;left:5%!important;right:5%!important;width:90%!important;max-width:none!important;min-width:auto!important;margin:0!important;z-index:50!important;transform:none!important;max-height:60vh!important;overflow:hidden!important}.video-popup .mobile-popup-scroll{max-height:50vh!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;scrollbar-color:rgba(59,130,246,.5) rgba(0,0,0,.3)!important;scroll-behavior:smooth!important;overscroll-behavior:contain!important}.video-popup .mobile-popup-scroll::-webkit-scrollbar{width:4px!important}.video-popup .mobile-popup-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,.3)!important;border-radius:4px!important}.video-popup .mobile-popup-scroll::-webkit-scrollbar-thumb{background:rgba(59,130,246,.6)!important;border-radius:4px!important}.video-popup .mobile-popup-scroll::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.8)!important}.video-controls{padding:16px 12px!important}.video-control-btn{width:44px!important;height:44px!important}.video-progress{height:12px!important}.video-progress:hover{height:16px!important}.mobile-popup-scroll{scroll-behavior:smooth!important;overscroll-behavior:contain!important}}.video-control-btn:focus,input[type=range]:focus{outline:2px solid #3b82f6;outline-offset:2px;box-shadow:0 0 0 4px rgba(59,130,246,.2)}.popup-menu-item:focus{background:rgba(59,130,246,.15);outline:none}@media (prefers-contrast:high){.video-popup{border:2px solid white;background:rgba(0,0,0,.95)}.video-control-btn{border:1px solid rgba(255,255,255,.4)}input[type=range]::-webkit-slider-thumb{border:4px solid white;background:#1d4ed8}input[type=range]::-moz-range-thumb{border:4px solid white;background:#1d4ed8}}.video-player-no-captions::cue{display:none!important;visibility:hidden!important;opacity:0!important;color:transparent!important;background:transparent!important}.video-player-no-captions::-webkit-media-text-track-container,.video-player-no-captions::-webkit-media-text-track-display{display:none!important}video::-webkit-media-text-track-display{display:none!important}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}