.glass-control-bar{background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1)}.glass-control-bar,.glass-panel{backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}.glass-panel{background:rgba(24,24,27,.95);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px -12px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.05)}@keyframes premium-ripple{0%{transform:scale(0);opacity:.4}to{transform:scale(2.5);opacity:0}}@keyframes premium-fade-in{0%{opacity:0}to{opacity:1}}@keyframes premium-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes premium-scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes premium-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes scrubber-glow{0%,to{box-shadow:0 0 12px rgba(255,0,85,.6)}50%{box-shadow:0 0 20px rgba(255,0,85,.8)}}.animate-premium-ripple{animation:premium-ripple .4s ease-out forwards}.animate-premium-fade-in{animation:premium-fade-in .2s ease-out forwards}.animate-premium-slide-up{animation:premium-slide-up .3s cubic-bezier(.32,.72,0,1) forwards}.animate-premium-scale-in{animation:premium-scale-in .15s ease-out forwards}.animate-scrubber-glow{animation:scrubber-glow 2s ease-in-out infinite}.premium-progress-bar{--progress-height:4px;--progress-height-hover:6px;--progress-color:linear-gradient(90deg,#FF0055,#FF3366);--buffer-color:rgba(255,255,255,0.25);--track-color:rgba(255,255,255,0.15);--scrubber-size:14px;--scrubber-size-hover:18px;--scrubber-glow:0 0 12px rgba(255,0,85,0.6)}.premium-progress-track{height:var(--progress-height);background:var(--track-color);border-radius:999px;overflow:hidden;transition:height .2s ease-out}.premium-progress-track.expanded,.premium-progress-track:hover{height:var(--progress-height-hover)}.premium-progress-fill{height:100%;background:var(--progress-color);border-radius:999px;transition:width 75ms linear}.premium-progress-buffer{height:100%;background:var(--buffer-color);border-radius:999px}.premium-scrubber{width:var(--scrubber-size);height:var(--scrubber-size);background:white;border-radius:50%;box-shadow:var(--scrubber-glow),0 2px 8px rgba(0,0,0,.3);transform:translateX(-50%) translateY(-50%);transition:transform .15s ease-out,width .15s ease-out,height .15s ease-out}.premium-scrubber.dragging,.premium-scrubber:hover{width:var(--scrubber-size-hover);height:var(--scrubber-size-hover)}.premium-control-btn{--btn-size:40px;width:var(--btn-size);height:var(--btn-size);display:flex;align-items:center;justify-content:center;border-radius:50%;color:rgba(255,255,255,.9);background:transparent;border:none;cursor:pointer;transition:all .15s ease-out;position:relative;overflow:hidden}.premium-control-btn:hover{color:white;background:rgba(255,255,255,.1);transform:scale(1.05)}.premium-control-btn:active{transform:scale(.95);background:rgba(255,255,255,.15)}.premium-control-btn:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(255,255,255,.6)}.premium-control-btn.active{background:rgba(255,255,255,.15);color:white}.premium-control-btn.sm{--btn-size:32px}.premium-control-btn.lg{--btn-size:48px}.icon-hover-lift{transition:transform .15s ease-out}.icon-hover-lift:hover{transform:translateY(-2px) scale(1.05)}.icon-rotate-on-hover{transition:transform .3s ease-out}.icon-rotate-on-hover:hover{transform:rotate(90deg)}.premium-tooltip{position:absolute;z-index:100;padding:6px 10px;background:rgba(24,24,27,.95);color:white;font-size:12px;font-weight:500;border-radius:8px;white-space:nowrap;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px rgba(0,0,0,.3);pointer-events:none;animation:premium-scale-in .15s ease-out forwards;transform-origin:bottom center}.premium-tooltip:after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:6px solid transparent;border-top-color:rgba(24,24,27,.95)}.premium-tooltip .shortcut{margin-left:8px;color:rgba(255,255,255,.5);font-family:monospace}.premium-volume-slider{--slider-width:0;--slider-height:6px;--handle-size:12px;overflow:hidden;transition:width .3s ease-out}.premium-volume-slider.expanded,.premium-volume-slider:hover{--slider-width:96px}.premium-volume-track{width:var(--slider-width);height:var(--slider-height);background:rgba(255,255,255,.2);border-radius:999px;position:relative;cursor:pointer}.premium-volume-fill{height:100%;background:white;border-radius:999px;transition:width 75ms linear}.premium-volume-handle{width:var(--handle-size);height:var(--handle-size);background:white;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%) translateX(-50%);box-shadow:0 1px 4px rgba(0,0,0,.3);transition:transform .15s ease-out}.premium-volume-handle:hover{transform:translateY(-50%) translateX(-50%) scale(1.1)}.premium-panel-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.4);animation:premium-fade-in .2s ease-out forwards}.premium-panel{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:360px;background:rgba(24,24,27,.95);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);animation:premium-slide-up .3s cubic-bezier(.32,.72,0,1) forwards}.premium-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.premium-panel-title{font-size:14px;font-weight:600;color:rgba(255,255,255,.9)}.premium-panel-close{padding:6px;border-radius:50%;color:rgba(255,255,255,.6);transition:all .15s ease-out}.premium-panel-close:hover{color:white;background:rgba(255,255,255,.1)}.premium-panel-content{max-height:256px;overflow-y:auto;overscroll-behavior:contain}.premium-panel-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;text-align:left;color:rgba(255,255,255,.8);transition:background .15s ease-out}.premium-panel-option.selected,.premium-panel-option:hover{background:rgba(255,255,255,.05)}.premium-panel-option.selected{color:white}.premium-panel-option .check{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,#FF0055,#FF3366);display:flex;align-items:center;justify-content:center}@media (max-width:640px){.premium-control-btn{--btn-size:36px}.premium-control-btn.lg{--btn-size:44px}.premium-progress-bar{--progress-height:3px;--progress-height-hover:5px;--scrubber-size:12px;--scrubber-size-hover:16px}.premium-volume-slider.expanded,.premium-volume-slider:hover{--slider-width:80px}}@media (hover:none){.premium-control-btn:hover{transform:none;background:transparent}.premium-control-btn:active{transform:scale(.95);background:rgba(255,255,255,.15)}.premium-progress-track{height:var(--progress-height-hover)}.premium-scrubber{width:var(--scrubber-size-hover);height:var(--scrubber-size-hover)}}@media (prefers-reduced-motion:reduce){.animate-premium-fade-in,.animate-premium-ripple,.animate-premium-scale-in,.animate-premium-slide-up,.animate-scrubber-glow{animation:none}.icon-hover-lift,.icon-rotate-on-hover,.premium-control-btn,.premium-progress-track,.premium-scrubber,.premium-volume-slider{transition:none}}