.video-player-wrapper{position:relative;width:100%;max-width:100%;background:linear-gradient(145deg,#1e1e3f,#15152d);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;outline:none}.video-player-wrapper:focus-visible{box-shadow:0 0 0 3px #10b98180}.video-player-container{position:relative;width:100%;padding-top:56.25%;background:#000}.video-player-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.video-player-wrapper.paused .video-player-container iframe{pointer-events:auto}.video-player-blocker{display:none}.video-player-overlay{position:absolute;top:0;left:0;width:100%;height:calc(100% - 65px);cursor:pointer;z-index:10}.video-player-wrapper.paused .video-player-overlay{pointer-events:none}.video-player-loading{position:absolute;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;z-index:15}.video-player-loading.active{display:flex}.video-player-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--vp-primary);border-radius:50%;animation:vp-spin .8s linear infinite}@keyframes vp-spin{to{transform:rotate(360deg)}}.video-player-bigplay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:25;transition:all .3s;box-shadow:0 12px 40px #0006;border:none;background:linear-gradient(135deg,var(--vp-primary),var(--vp-secondary))}.video-player-bigplay:hover{transform:translate(-50%,-50%) scale(1.08)}.video-player-bigplay svg{width:30px;height:30px;fill:#fff;margin-left:3px}.video-player-bigplay.hidden{opacity:0;pointer-events:none}.video-player-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000f2);padding:20px 16px 14px;z-index:20}.video-player-progress{width:100%;height:4px;background:#ffffff26;border-radius:2px;cursor:pointer;margin-bottom:12px;position:relative;transition:height .2s}.video-player-progress:hover{height:6px}.video-player-progress-buffer{position:absolute;top:0;left:0;height:100%;background:#fff3;border-radius:2px}.video-player-progress-bar{position:absolute;top:0;left:0;height:100%;border-radius:2px;background:linear-gradient(135deg,var(--vp-primary),var(--vp-secondary))}.video-player-progress-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d;opacity:0;transition:opacity .2s}.video-player-progress:hover .video-player-progress-handle{opacity:1}.video-player-controls-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.video-player-controls-left,.video-player-controls-right{display:flex;align-items:center;gap:6px}.video-player-btn{background:none;border:none;color:#fff;cursor:pointer;padding:6px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.video-player-btn:hover{background:#ffffff1a}.video-player-btn:active{transform:scale(.95)}.video-player-btn:focus-visible{outline:2px solid var(--vp-primary);background:#ffffff1a}.video-player-btn svg{width:20px;height:20px;fill:currentColor}.video-player-btn-play{width:40px;height:40px;border-radius:50%;box-shadow:0 4px 16px #0000004d;background:linear-gradient(135deg,var(--vp-primary),var(--vp-secondary))}.video-player-btn-play:hover{transform:scale(1.05)}.video-player-btn-play svg{width:18px;height:18px}.video-player-btn-play:focus-visible{outline:2px solid #fff;outline-offset:2px}.video-player-btn-skip{display:flex;align-items:center;gap:2px;font-size:10px;font-weight:600;padding:5px 8px}.video-player-btn-skip svg{width:18px;height:18px}.video-player-time{font-size:12px;color:#94a3b8;font-weight:500;font-variant-numeric:tabular-nums;margin-left:4px}.video-player-time-current{color:#fff}.video-player-volume{display:flex;align-items:center}.video-player-volume-slider{width:0;overflow:hidden;transition:all .3s}.video-player-volume:hover .video-player-volume-slider,.video-player-volume:focus-within .video-player-volume-slider{width:60px;margin-left:4px}.video-player-volume-slider input{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:#fff3;border-radius:2px;outline:none;accent-color:var(--vp-primary)}.video-player-volume-slider input::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:currentColor;border-radius:50%;cursor:pointer}.video-player-volume-slider input:focus-visible{outline:2px solid var(--vp-primary);outline-offset:2px}.video-player-speed{position:relative}.video-player-btn-speed{font-size:11px;font-weight:600;padding:5px 8px;min-width:42px}.video-player-speed-menu{position:absolute;bottom:100%;right:0;background:#141428fa;border-radius:10px;padding:6px;margin-bottom:8px;display:none;box-shadow:0 8px 30px #00000080;border:1px solid rgba(255,255,255,.1);min-width:90px}.video-player-speed-menu.active{display:block}.video-player-speed-option{display:block;width:100%;padding:8px 14px;background:none;border:none;color:#94a3b8;font-size:12px;font-weight:500;cursor:pointer;border-radius:6px;text-align:left;transition:all .2s}.video-player-speed-option:hover{background:#ffffff1a;color:#fff}.video-player-speed-option:focus-visible{outline:2px solid var(--vp-primary);background:#ffffff1a}.video-player-speed-option.active{background:#64646426;color:var(--vp-primary)}.video-player-label{padding:5px 12px;border-radius:16px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff;box-shadow:0 3px 12px #0000004d;background:var(--vp-label-color)}.video-player-wrapper:fullscreen,.video-player-wrapper:-webkit-full-screen{max-width:100%;border-radius:0;width:100%!important;height:100%!important}.video-player-wrapper:fullscreen .video-player-container,.video-player-wrapper:-webkit-full-screen .video-player-container{padding-top:0;height:100vh}.video-player-wrapper.is-fullscreen{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:none!important;border-radius:0!important;z-index:999999!important;background:#000!important}.video-player-wrapper.is-fullscreen .video-player-container{width:100%!important;height:calc(100vh - 80px)!important;padding-top:0!important}.video-player-wrapper.is-fullscreen .video-player-container iframe{width:100%;height:100%}.video-player-wrapper.is-fullscreen .video-player-controls{position:fixed;bottom:0;left:0;right:0}@media(max-width:500px){.video-player-label,.video-player-btn-skip span{display:none}.video-player-time{font-size:10px}}@media(prefers-reduced-motion:reduce){.video-player-spinner{animation:none}.video-player-bigplay,.video-player-btn,.video-player-progress,.video-player-progress-handle,.video-player-volume-slider{transition:none}}.video-player-error{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;gap:12px}.video-player-error svg{animation:vp-error-pulse 2s ease-in-out infinite}@keyframes vp-error-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.video-player-error p{color:#fff;font-size:14px;margin:0;max-width:280px;line-height:1.5}.video-player-error-btn{margin-top:8px;padding:10px 20px;background:linear-gradient(135deg,var(--vp-primary),var(--vp-secondary));border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.video-player-error-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.video-player-error-btn:active{transform:scale(.98)}
