.custom-video-player .media-icon{width:20px;height:20px;display:block;color:#f0f0f0}.custom-video-player{width:100%;max-width:100%;background:#000;border-radius:8px;overflow:hidden;position:relative;box-shadow:2px 2px 2px #000;border:1px solid #203256}.video-wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#000}.video-wrapper video{width:100%;height:auto;display:block;max-height:80vh}.video-controls-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);padding:20px 10px 10px;opacity:0;transition:opacity .3s ease;display:flex;flex-direction:column}.custom-video-player:hover .video-controls-overlay,.custom-video-player.paused .video-controls-overlay{opacity:1}.video-bottom-bar{display:flex;flex-direction:column;gap:8px}.video-buttons-row{display:flex;justify-content:space-between;align-items:center}.video-controls-left,.video-controls-right{display:flex;align-items:center;gap:10px}.video-play-pause-btn,.video-volume-btn,.video-fullscreen-btn,.video-info-btn,.video-download-btn{background:transparent;border:none;color:#f0f0f0;cursor:pointer;font-size:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s}.video-play-pause-btn:hover,.video-volume-btn:hover,.video-fullscreen-btn:hover,.video-info-btn:hover,.video-download-btn:hover{background:#ffffff1a;color:#00faff}.video-info-btn{font-weight:700;font-family:monospace;font-size:18px}.video-big-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:#00faffcc;border:none;color:#000;font-size:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,opacity .2s;z-index:10}.video-big-play-btn:hover{transform:translate(-50%,-50%) scale(1.1);background:#00faff}.custom-video-player.playing .video-big-play-btn{opacity:0;pointer-events:none}.video-progress-container{width:100%;height:6px;background:#fff3;border-radius:3px;cursor:pointer;position:relative;transition:height .2s}.video-progress-container:hover{height:8px}.video-progress-fill{height:100%;background:#00faff;width:0%;border-radius:3px;position:relative}.video-progress-handle{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:#fff;border-radius:50%;opacity:0;transition:opacity .2s;display:none}.video-progress-container:hover .video-progress-handle{opacity:1}.video-volume-control{display:flex;align-items:center;gap:5px;position:relative}.video-volume-slider-container{width:0;overflow:hidden;transition:width .2s}.video-volume-control:hover .video-volume-slider-container{width:60px;overflow:visible}.video-volume-slider{width:60px;height:4px;-webkit-appearance:none;background:#ffffff4d;border-radius:2px;outline:none;box-shadow:none}.video-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;background:#00faff;border-radius:50%;cursor:pointer}.video-volume-slider::-webkit-slider-thumb:hover{transform:scale(1)}.video-time-display{font-family:monospace;font-size:12px;color:#ccc}.video-time-display .current-time{color:#fff}.video-info-content .info-section{margin-bottom:15px}.video-info-content h4{color:#00faff;margin:0 0 5px;font-size:1.1em}.video-info-content p{margin:0;line-height:1.5;color:#e0e0e0}.info-meta-grid{margin:15px -15px 0;padding:15px;border-top:1px solid rgba(255,255,255,.1)}.info-meta-item{font-size:.9em;color:#b0c0d0}.info-meta-item strong{color:#00faff}button.video-volume-btn,button.video-fullscreen-btn,button.video-download-btn{padding:5px}video[controls]{visibility:visible!important}.video-progress-bar{height:6px}