.video-player-box.playing .video-play-btn-center{opacity:0;pointer-events:none}.video-custom-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.8) 70%,transparent 100%);padding:15px;display:flex;align-items:center;gap:12px;opacity:0;transition:opacity .3s ease;z-index:20}.video-player-box:hover .video-custom-controls,.video-player-box.playing .video-custom-controls,.video-custom-controls:hover{opacity:1}.video-play-toggle,.video-volume-btn,.video-fullscreen-btn{background:0 0;border:none;color:#fff;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border-radius:5px;flex-shrink:0}.video-play-toggle:hover,.video-volume-btn:hover,.video-fullscreen-btn:hover{background:rgba(255,85,0,.4);transform:scale(1.1)}.video-play-toggle:active,.video-volume-btn:active,.video-fullscreen-btn:active{background:rgba(255,85,0,.4);transform:scale(1.1)}.video-play-toggle:focus,.video-volume-btn:focus,.video-fullscreen-btn:focus{background:rgba(255,85,0,.4);transform:scale(1.1)}.video-progress-bar{flex:1;height:6px;background:rgba(255,255,255,.25);border-radius:10px;cursor:pointer;position:relative;transition:height .2s ease}.video-progress-bar:hover{height:8px}.video-progress-filled{height:100%;background:linear-gradient(90deg,#f50 0%,#ff7a33 100%);width:0%;border-radius:10px;position:relative;box-shadow:0 0 10px rgba(255,85,0,.5)}.video-progress-handle{position:absolute;top:50%;right:0;transform:translate(50%,-50%);width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.4);opacity:0;transition:opacity .2s ease}.video-progress-bar:hover .video-progress-handle{opacity:1}.video-time-current,.video-time-duration{color:#fff;font-size:13px;font-weight:600;min-width:45px;text-align:center;flex-shrink:0}.video-player-box.loading .video-loading{display:block}@media (max-width:768px){.video-custom-controls{padding:10px;gap:8px}.video-time-current,.video-time-duration{font-size:11px;min-width:38px}}.video-progress-bar{flex:1;height:6px;background:rgba(255,255,255,.25);border-radius:10px;cursor:pointer;position:relative;transition:height .2s ease}.video-progress-bar:hover{height:8px}.video-progress-filled{height:100%;background:linear-gradient(90deg,#f50 0%,#ff7a33 100%);width:0%;border-radius:10px;position:absolute;top:0;left:0;box-shadow:0 0 10px rgba(255,85,0,.5);pointer-events:none}.video-progress-handle{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.4);opacity:0;transition:opacity .2s ease;cursor:grab;z-index:2}.video-progress-handle:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2)}.video-progress-bar:hover .video-progress-handle{opacity:1}.video-progress-handle.dragging{opacity:1!important;transform:translate(-50%,-50%) scale(1.3)}