.custom-player{position:relative;display:flex;flex-direction:column;overflow:hidden;background:#000}.custom-player video{display:block}.custom-player .play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5}.custom-player .play-overlay .play-icon{width:56px;height:56px;border-radius:50%;background:rgba(0,0,0,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.15);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transform:scale(.9);transition:opacity .2s,transform .2s}.custom-player.paused .play-overlay .play-icon,.custom-player:hover .play-overlay .play-icon{opacity:1;transform:scale(1)}.custom-player.paused .play-overlay .play-icon{opacity:.9}.custom-player .controls-bar{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;gap:6px;padding:8px 12px 10px;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,.3) 60%,transparent);opacity:0;transform:translateY(4px);transition:opacity .3s ease,transform .3s ease;z-index:10}.custom-player.controls-visible .controls-bar,.custom-player.paused .controls-bar,.custom-player:hover .controls-bar{opacity:1;transform:translateY(0)}.controls-bar .controls-row{display:flex;align-items:center;gap:10px}.controls-bar .ctrl-btn{background:none;border:none;color:hsla(0,0%,100%,.85);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:color .2s,background .2s}.controls-bar .ctrl-btn:hover{color:#fff;background:hsla(0,0%,100%,.1)}.controls-bar .ctrl-btn svg{width:20px;height:20px}.controls-bar .time-display{font-size:12px;font-variant-numeric:tabular-nums;color:hsla(0,0%,100%,.75);font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.controls-bar .spacer{flex:1}.controls-bar .volume-group{display:flex;align-items:center;gap:4px}.controls-bar .volume-slider{width:0;transition:width .2s ease,opacity .2s ease;opacity:0;overflow:hidden}.controls-bar .volume-group:hover .volume-slider{width:60px;opacity:1}.controls-bar .volume-slider input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:60px;height:3px;background:hsla(0,0%,100%,.2);border-radius:2px;outline:none;cursor:pointer}.controls-bar .volume-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 0 4px rgba(0,0,0,.3)}.glass-timeline{width:100%;height:6px;background:rgba(0,0,0,.25);border-radius:3px;border:none;padding:0;display:flex;align-items:center;gap:0;cursor:pointer;overflow:hidden;transition:height .2s,border-radius .2s;position:relative}.glass-timeline:hover{height:10px;border-radius:5px}.glass-timeline .progress-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 8px hsla(0,0%,100%,.6);z-index:10;opacity:0;transition:opacity .2s;pointer-events:none}.glass-timeline:hover .progress-dot{opacity:1}.glass-timeline .plain-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,hsla(0,0%,100%,.3),hsla(0,0%,100%,.15));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.2);position:relative;min-width:0;width:0}.glass-timeline .color-fill{height:100%;border-radius:6px;transition:width .1s linear;min-width:4px}