.now-playing-active{animation:cardPulse 2s ease-in-out infinite,borderGlow 3s ease-in-out infinite}@keyframes cardPulse{0%,to{box-shadow:0 0 20px #ff69b44d,0 0 40px #ffb6c133,0 0 60px #ffc0cb1a,inset 0 0 30px #ff69b41a}50%{box-shadow:0 0 40px #ff69b499,0 0 60px #ffb6c166,0 0 80px #ffc0cb4d,inset 0 0 50px #ff69b433}}@keyframes borderGlow{0%,to{border-color:#ff69b480}50%{border-color:#ff69b4}}.crazy-card{position:relative;overflow:hidden;transition:all .3s ease;border:2px solid rgba(255,105,180,.3)}.crazy-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,105,180,.2),transparent);animation:shine 3s infinite;pointer-events:none}.crazy-card:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#ff69b4,#ff1493,#ff69b4,#ff1493);background-size:300% 300%;border-radius:inherit;z-index:-1;animation:gradientShift 4s ease infinite;opacity:0;transition:opacity .3s ease}.now-playing-active .crazy-card:after{opacity:.6}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.track-image{position:relative;filter:drop-shadow(0 0 25px rgba(255,105,180,.6));transition:transform .1s ease,filter .3s ease}.track-image img{border-radius:8px;border:3px solid rgba(255,105,180,.4);box-shadow:0 0 25px #ff69b480,inset 0 0 30px #0000004d;transition:all .3s ease}.now-playing-active .track-image img{border-color:#ff69b4;animation:imagePulse 2s ease-in-out infinite}@keyframes imagePulse{0%,to{box-shadow:0 0 25px #ff69b480,inset 0 0 30px #0000004d}50%{box-shadow:0 0 40px #ff69b4cc,inset 0 0 40px #0003}}.vinyl-effect{position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,transparent 30%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.3) 31%,transparent 31%,transparent 50%,rgba(0,0,0,.2) 50%,rgba(0,0,0,.2) 51%,transparent 51%);transform:translate(-50%,-50%);pointer-events:none}.music-icon-active{animation:musicBounce .6s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(255,105,180,.9));color:#ff69b4;font-size:2.5rem;text-shadow:0 0 20px rgba(255,105,180,.8)}@keyframes musicBounce{0%,to{transform:translateY(0) scale(1) rotate(0)}25%{transform:translateY(-8px) scale(1.3) rotate(-5deg)}50%{transform:translateY(-5px) scale(1.2) rotate(5deg)}75%{transform:translateY(-8px) scale(1.3) rotate(-5deg)}}.spinning-icon{animation:spin360 2s linear infinite;font-size:2rem;filter:drop-shadow(0 0 10px rgba(255,0,255,.8))}@keyframes spin360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.glitch-text{position:relative;animation:glitch 2s infinite;font-weight:700;color:#ff69b4;text-shadow:2px 2px 0 #ffb6c1,-2px -2px 0 #ffc0cb}@keyframes glitch{0%,to{transform:translate(0);text-shadow:2px 2px 0 #ffb6c1,-2px -2px 0 #ffc0cb}25%{transform:translate(-2px,2px);text-shadow:-2px -2px 0 #ffb6c1,2px 2px 0 #ffc0cb}50%{transform:translate(2px,-2px);text-shadow:2px -2px 0 #ffb6c1,-2px 2px 0 #ffc0cb}75%{transform:translate(-2px,-2px);text-shadow:-2px 2px 0 #ffb6c1,2px -2px 0 #ffc0cb}}.glitch-text-subtle{animation:subtleGlitch 3s infinite}@keyframes subtleGlitch{0%,90%,to{text-shadow:0 0 0 transparent}92%,94%,96%{text-shadow:1px 0 0 rgba(255,105,180,.5),-1px 0 0 rgba(255,182,193,.5)}}.status-active{display:flex;align-items:center;gap:8px;animation:statusPulse 1.5s ease-in-out infinite;font-weight:700;color:#ff69b4!important;text-shadow:0 0 10px rgba(255,105,180,.8)}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.status-dot{width:10px;height:10px;background:#ff69b4;border-radius:50%;animation:dotPulse 1s ease-in-out infinite;box-shadow:0 0 15px #ff69b4,inset 0 0 5px #ffffff80}@keyframes dotPulse{0%,to{transform:scale(1);box-shadow:0 0 15px #ff69b4,inset 0 0 5px #ffffff80}50%{transform:scale(1.4);box-shadow:0 0 25px #ff69b4,inset 0 0 8px #ffffffb3}}.status-text{letter-spacing:2px;text-shadow:0 0 15px rgba(255,105,180,.8),0 0 30px rgba(255,105,180,.4);font-weight:700}.sound-wave{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:4px;height:40px;z-index:10}.sound-wave .bar{width:5px;background:linear-gradient(to top,#ff69b4,#ff1493,#ffb6c1);border-radius:3px;animation:soundBar .8s ease-in-out infinite;box-shadow:0 0 8px #ff69b499,inset 0 0 5px #ffffff4d}.sound-wave .bar:nth-child(1){animation-delay:0s;height:10px}.sound-wave .bar:nth-child(2){animation-delay:.1s;height:15px}.sound-wave .bar:nth-child(3){animation-delay:.2s;height:12px}.sound-wave .bar:nth-child(4){animation-delay:.3s;height:18px}.sound-wave .bar:nth-child(5){animation-delay:.4s;height:10px}@keyframes soundBar{0%,to{height:8px;opacity:.7}50%{height:35px;opacity:1}}.particle-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.particle{position:absolute;width:8px;height:8px;background:radial-gradient(circle,#ff69b4,#ff1493);border-radius:50%;animation:particleFloat 3s ease-in-out infinite;opacity:.8;box-shadow:0 0 10px #ff69b4}.particle:nth-child(1){left:10%;animation-duration:2.5s}.particle:nth-child(2){left:20%;animation-duration:3s}.particle:nth-child(3){left:35%;animation-duration:2.8s}.particle:nth-child(4){left:50%;animation-duration:3.2s}.particle:nth-child(5){left:65%;animation-duration:2.7s}.particle:nth-child(6){left:75%;animation-duration:3.1s}.particle:nth-child(7){left:85%;animation-duration:2.9s}.particle:nth-child(8){left:95%;animation-duration:3.3s}@keyframes particleFloat{0%{transform:translateY(100%) scale(0);opacity:0}50%{opacity:.7}to{transform:translateY(-100%) scale(1);opacity:0}}.loading-crazy{animation:loadingRainbow 2s linear infinite}@keyframes loadingRainbow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.crazy-card:hover{transform:scale(1.03);box-shadow:0 0 60px #ff69b499,0 0 120px #ffb6c166;border-color:#ff69b4}.crazy-card:hover .track-name{color:#ff69b4;text-shadow:0 0 15px rgba(255,105,180,.8);transform:scale(1.05)}.crazy-card:hover .track-image{filter:drop-shadow(0 0 35px rgba(255,105,180,.8))}