.course-video-player{--vjs-theme-primary:#10B981;--vjs-theme-secondary:#065F46}.lesson-video-player{width:100%}.video-js.vjs-theme-city{--vjs-theme-forest:var(--vjs-theme-primary);--vjs-theme-sea:var(--vjs-theme-secondary)}.video-js.vjs-theme-city .vjs-control-bar{background:linear-gradient(180deg,transparent,rgba(0,0,0,.8));backdrop-filter:blur(4px);border-radius:0 0 8px 8px}.video-js.vjs-theme-city .vjs-big-play-button{background:rgba(16,185,129,.9);border:3px solid rgba(16,185,129,1);border-radius:50%;width:80px;height:80px;line-height:74px;font-size:32px;transition:all .3s ease}.video-js.vjs-theme-city .vjs-big-play-button:hover{background:rgba(16,185,129,1);transform:scale(1.1)}.video-js.vjs-theme-city .vjs-progress-control .vjs-progress-holder{background:rgba(255,255,255,.2);height:6px}.video-js.vjs-theme-city .vjs-progress-control .vjs-play-progress{background:var(--vjs-theme-primary);background:linear-gradient(90deg,var(--vjs-theme-primary) 0,#34D399 100%)}.video-js.vjs-theme-city .vjs-progress-control .vjs-load-progress{background:rgba(255,255,255,.3)}.video-js.vjs-theme-city .vjs-volume-level{background:var(--vjs-theme-primary)}.video-js.vjs-theme-city .vjs-control:hover,.video-js.vjs-theme-city .vjs-fullscreen-control:hover{color:var(--vjs-theme-primary)}.video-js.vjs-theme-city .vjs-menu{background:rgba(0,0,0,.9);backdrop-filter:blur(8px);border-radius:8px;border:1px solid rgba(255,255,255,.1)}.video-js.vjs-theme-city .vjs-menu-item:hover{background:rgba(16,185,129,.2);color:var(--vjs-theme-primary)}.video-js.vjs-theme-city .vjs-quality-selector .vjs-menu{min-width:120px}.video-js.vjs-theme-city .vjs-current-time,.video-js.vjs-theme-city .vjs-duration{font-weight:500;font-size:13px}.video-js.vjs-theme-city .vjs-loading-spinner{border-top-color:var(--vjs-theme-primary);border-right-color:var(--vjs-theme-primary)}.video-js.vjs-theme-city .vjs-error-display{background:rgba(0,0,0,.9);border-radius:8px;backdrop-filter:blur(8px)}.video-js.vjs-theme-city .vjs-error-display .vjs-modal-dialog-content{color:#ffffff;text-align:center}.video-js.vjs-theme-city .vjs-text-track-display{font-family:Inter,system-ui,-apple-system,sans-serif}.video-js.vjs-theme-city .vjs-text-track-cue{background:rgba(0,0,0,.8)!important;padding:8px 12px!important;border-radius:6px!important;font-size:16px!important;line-height:1.4!important;backdrop-filter:blur(4px)}@media (max-width:768px){.video-js.vjs-theme-city .vjs-big-play-button{width:60px;height:60px;line-height:56px;font-size:24px}.video-js.vjs-theme-city .vjs-control-bar{padding:8px}.video-js.vjs-theme-city .vjs-current-time,.video-js.vjs-theme-city .vjs-duration{font-size:12px}.video-js.vjs-theme-city .vjs-text-track-cue{font-size:14px!important}}.video-js.vjs-theme-city .vjs-control:focus{outline:2px solid var(--vjs-theme-primary);outline-offset:2px}.video-js.vjs-theme-city .vjs-play-control.vjs-playing .vjs-icon-pause:before,.video-js.vjs-theme-city .vjs-play-control.vjs-playing .vjs-icon-placeholder:before{animation:pulse-pause .3s ease-in-out}.video-js.vjs-theme-city .vjs-play-control.vjs-paused .vjs-icon-placeholder:before,.video-js.vjs-theme-city .vjs-play-control.vjs-paused .vjs-icon-play:before{animation:pulse-play .3s ease-in-out}@keyframes pulse-play{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pulse-pause{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:480px){.video-js.vjs-theme-city .vjs-chapters-button,.video-js.vjs-theme-city .vjs-playback-rate{display:none}}.lesson-video-player .video-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease;pointer-events:none}.lesson-video-player .video-overlay.visible{opacity:1;pointer-events:auto}.lesson-video-player .progress-indicator{position:absolute;top:0;left:0;height:4px;background:var(--vjs-theme-primary);transition:width .3s ease;z-index:10}.video-quality-badge{position:absolute;top:12px;right:12px;background:rgba(0,0,0,.7);color:white;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;z-index:10}