.glass-card{background:rgba(255,255,255,.03);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.1)}.glass-card:before{top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.02) 50%,rgba(255,255,255,.08))}.glass-card:after,.glass-card:before{content:"";position:absolute;opacity:0;transition:opacity .4s ease;pointer-events:none}.glass-card:after{top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%)}.glass-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 25px 50px rgba(0,0,0,.15),0 0 0 1px rgba(255,255,255,.15),0 0 30px rgba(139,92,246,.4),inset 0 1px 0 rgba(255,255,255,.2);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-color:rgba(255,255,255,.15)}.glass-card:hover:before{opacity:1}.glass-card:hover:after{opacity:.6}.glass-layer-1{background:rgba(255,255,255,.02);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.05)}.glass-layer-2{background:rgba(255,255,255,.04);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)}.glass-layer-3{background:rgba(255,255,255,.06);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.12)}.gradient-border{position:relative;background:rgba(255,255,255,.03);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08)}.gradient-border:before{content:"";position:absolute;inset:-3px;background:linear-gradient(45deg,#8b5cf6,#ec4899,#f59e0b,#06b6d4,#8b5cf6);background-size:400% 400%;border-radius:inherit;z-index:-1;animation:gradientShift 4s ease infinite;opacity:0;transition:opacity .4s ease;filter:blur(1px)}.gradient-border.active:before{opacity:1}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.glass-ripple-bg{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.08) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(236,72,153,.08) 0,transparent 50%),radial-gradient(circle at 40% 20%,rgba(245,158,11,.08) 0,transparent 50%),radial-gradient(circle at 60% 90%,rgba(6,182,212,.06) 0,transparent 50%);background-size:300% 300%;animation:rippleMove 25s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes rippleMove{0%,to{background-position:0 50%,100% 50%,50% 0,50% 100%;transform:scale(1)}25%{background-position:50% 100%,0 0,100% 100%,0 50%;transform:scale(1.02)}50%{background-position:100% 0,50% 50%,0 100%,100% 50%;transform:scale(.98)}75%{background-position:0 0,100% 100%,50% 50%,50% 0;transform:scale(1.01)}}.glass-button{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.03));backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.15);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.1),inset 0 1px 0 rgba(255,255,255,.1)}.glass-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.05));opacity:0;transition:opacity .4s ease}.glass-button:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0,transparent 70%);transform:translate(-50%,-50%);transition:all .6s ease}.glass-button:hover{transform:translateY(-3px);box-shadow:0 12px 25px rgba(0,0,0,.15),0 0 0 1px rgba(255,255,255,.2),0 0 20px rgba(139,92,246,.5),inset 0 1px 0 rgba(255,255,255,.2)}.glass-button:hover:before{opacity:1}.glass-button:hover:after{width:100%;height:100%}.glass-button:active{transform:translateY(-1px);box-shadow:0 6px 12px rgba(0,0,0,.1),0 0 0 1px rgba(255,255,255,.15),inset 0 1px 0 rgba(255,255,255,.1)}.ripple{position:relative;overflow:hidden}.ripple:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.4) 0,transparent 70%);transform:translate(-50%,-50%);transition:all .6s ease;border-radius:50%}.ripple:active:before{width:300px;height:300px}.glass-shimmer{position:relative;overflow:hidden;background:rgba(255,255,255,.03)}.glass-shimmer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08) 50%,transparent);animation:shimmer 2.5s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}.visualizer-glow{position:relative;transition:all .4s ease}.visualizer-glow:before{content:"";position:absolute;inset:-15px;background:radial-gradient(circle,rgba(139,92,246,.4) 0,rgba(236,72,153,.2) 50%,transparent 70%);border-radius:inherit;opacity:0;transition:opacity .4s ease;animation:visualizerPulse 2.5s ease-in-out infinite;filter:blur(2px)}.visualizer-glow.active:before{opacity:1}@keyframes visualizerPulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.15);opacity:.7}}.slider-glow{position:relative}.slider-glow .slider-track{background:linear-gradient(90deg,rgba(139,92,246,.4),rgba(236,72,153,.4));transition:all .4s ease;box-shadow:0 0 10px rgba(139,92,246,.2)}.slider-glow:hover .slider-track{box-shadow:0 0 25px rgba(139,92,246,.6),0 0 40px rgba(236,72,153,.4)}.playlist-item{transition:all .5s cubic-bezier(.4,0,.2,1);position:relative}.playlist-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(139,92,246,.1),transparent);opacity:0;transition:opacity .3s ease;border-radius:inherit}.playlist-item:hover{transform:translateX(4px);background:rgba(255,255,255,.05)}.playlist-item:hover:before{opacity:1}.playlist-item-enter{opacity:0;transform:translateY(20px) scale(.95)}.playlist-item-enter-active,.playlist-item-exit{opacity:1;transform:translateY(0) scale(1)}.playlist-item-exit-active{opacity:0;transform:translateY(-20px) scale(.95)}.visualizer-switch{animation:visualizerSwitch .6s cubic-bezier(.4,0,.2,1)}@keyframes visualizerSwitch{0%{opacity:0;transform:scale(.8) rotate(8deg);filter:blur(2px)}50%{opacity:.6;transform:scale(1.08) rotate(-3deg);filter:blur(0)}to{opacity:1;transform:scale(1) rotate(0deg);filter:blur(0)}}.equalizer-preset-animate .slider-thumb,.equalizer-preset-animate .slider-track{transition:all 1s cubic-bezier(.4,0,.2,1)}.floating{animation:floating 3s ease-in-out infinite}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.glow-text{text-shadow:0 0 20px rgba(139,92,246,.5),0 0 40px rgba(236,72,153,.3)}.play-button{position:relative;transition:all .3s ease}.play-button:hover{transform:scale(1.1)}.play-button:hover .play-icon{animation:playButtonPulse .6s ease-in-out}@keyframes playButtonPulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.equalizer-bar-idle{animation:idleBar 3s ease-in-out infinite}@keyframes idleBarMove{0%,to{height:20%}50%{height:40%}}