[x-cloak]{display:none!important}.radio-card-animated{position:relative;background:linear-gradient(135deg,rgba(21,24,44,.95) 0%,rgba(30,32,50,.95) 100%);border-radius:16px;padding:2px;overflow:visible;transition:all .3s ease;isolation:isolate;min-height:280px;display:flex;flex-direction:column}.radio-card-animated:hover{transform:translateY(-5px)}.radio-card-animated::before{content:'';position:absolute;inset:-2px;border-radius:18px;padding:2px;background:conic-gradient(from 0deg at 50% 50%,#3b82f6 0%,#8b5cf6 25%,#ec4899 50%,#8b5cf6 75%,#3b82f6 100%);background-size:200% 200%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:rotate-border 3s linear infinite;opacity:.7;transition:opacity .3s ease;pointer-events:none;z-index:-1}.radio-card-animated:hover::before{opacity:1;animation-duration:1.5s}@keyframes rotate-border{0%{background-position:0% 50%;transform:rotate(0deg)}50%{background-position:100% 50%}100%{background-position:0% 50%;transform:rotate(360deg)}}.radio-card-content{background:linear-gradient(135deg,rgba(36,38,56,.98) 0%,rgba(28,30,45,.98) 100%);border-radius:14px;padding:1.5rem;position:relative;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);height:100%;display:flex;flex-direction:column;justify-content:space-between}.radio-card-glow{position:relative;background:linear-gradient(135deg,rgba(21,24,44,.95) 0%,rgba(30,32,50,.95) 100%);border-radius:16px;padding:2px;overflow:visible;transition:all .3s ease;min-height:320px;display:flex;flex-direction:column}.radio-card-glow::before{content:'';position:absolute;inset:-2px;border-radius:18px;padding:2px;background:linear-gradient(45deg,#3b82f6,#8b5cf6,#ec4899,#8b5cf6,#3b82f6);background-size:400% 400%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gradient-shift 4s ease infinite;opacity:.6;transition:opacity .3s ease;pointer-events:none;z-index:-1}.radio-card-glow:hover::before{opacity:1;animation-duration:2s}@keyframes gradient-shift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.radio-name-shimmer{position:relative;color:#fff;font-weight:700;text-align:center;display:block;margin:0 auto;line-height:1.2}.radio-name-shimmer::before{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.8),rgba(139,92,246,.8),rgba(236,72,153,.8),rgba(139,92,246,.8),rgba(59,130,246,.8),transparent);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer-text 3s linear infinite;opacity:0;transition:opacity .3s ease}.radio-name-shimmer.playing::before{opacity:1}.radio-name-shimmer.playing{color:#00ff9d}@keyframes shimmer-text{0%{background-position:200% center}100%{background-position:-200% center}}.equalizer-container{display:flex;justify-content:center;align-items:center;height:35px;padding:.5rem 0;margin:.5rem 0}.equalizer{display:flex;align-items:flex-end;justify-content:center;height:28px;gap:4px}.equalizer-bar{width:4px;background:linear-gradient(to top,#3b82f6,#8b5cf6,#ec4899);border-radius:2px;animation:equalize 1s ease-in-out infinite;box-shadow:0 0 8px rgba(59,130,246,.6),0 0 12px rgba(139,92,246,.4);transform-origin:bottom}.equalizer-bar:nth-child(1){animation-delay:0s;height:8px;background:linear-gradient(to top,#3b82f6,#60a5fa)}.equalizer-bar:nth-child(2){animation-delay:.1s;height:16px;background:linear-gradient(to top,#8b5cf6,#a78bfa)}.equalizer-bar:nth-child(3){animation-delay:.2s;height:12px;background:linear-gradient(to top,#ec4899,#f0abfc)}.equalizer-bar:nth-child(4){animation-delay:.3s;height:20px;background:linear-gradient(to top,#8b5cf6,#a78bfa)}.equalizer-bar:nth-child(5){animation-delay:.4s;height:6px;background:linear-gradient(to top,#3b82f6,#60a5fa)}@keyframes equalize{0%,100%{transform:scaleY(.3);opacity:.7}25%{transform:scaleY(.8);opacity:.9}50%{transform:scaleY(1.2);opacity:1}75%{transform:scaleY(.6);opacity:.8}}.badge-tiny{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .65rem;border-radius:8px;font-size:.7rem;font-weight:600;white-space:nowrap;backdrop-filter:blur(10px);transition:all .2s ease;border:1px solid transparent;line-height:1}.badge-tiny:hover{transform:scale(1.05);border-color:rgba(255,255,255,.2)}.btn-play{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;color:#fff;font-weight:700;padding:.875rem 1.75rem;border-radius:12px;box-shadow:0 4px 20px rgba(59,130,246,.4),0 2px 8px rgba(59,130,246,.3);cursor:pointer;transition:all .3s ease;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;position:relative;overflow:hidden;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-play::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-play:hover::before{left:100%}.btn-play:hover{transform:translateY(-2px);box-shadow:0 6px 30px rgba(59,130,246,.6),0 4px 15px rgba(59,130,246,.4)}.btn-play.stop{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 20px rgba(239,68,68,.4),0 2px 8px rgba(239,68,68,.3)}.btn-play.stop:hover{box-shadow:0 6px 30px rgba(239,68,68,.6),0 4px 15px rgba(239,68,68,.4)}.btn-play:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-play:disabled:hover::before{left:-100%}.marquee-container{overflow:hidden;position:relative;width:100%}.marquee-container::before,.marquee-container::after{content:'';position:absolute;top:0;width:100px;height:100%;z-index:2;pointer-events:none}.marquee-container::before{left:0;background:linear-gradient(90deg,rgba(21,24,30,.9) 0%,transparent 100%)}.marquee-container::after{right:0;background:linear-gradient(270deg,rgba(21,24,30,.9) 0%,transparent 100%)}.animate-marquee{animation:marquee 40s linear infinite;will-change:transform;display:flex;gap:2rem}.animate-marquee>*{pointer-events:auto!important;cursor:pointer!important;flex-shrink:0}@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(calc(-100% - 2rem))}}.animate-marquee:hover{animation-play-state:paused}.recent-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-radius:12px;background:linear-gradient(135deg,rgba(36,38,56,.9) 0%,rgba(28,30,45,.9) 100%);border:2px solid rgba(255,255,255,.05);transition:all .3s ease;cursor:pointer;backdrop-filter:blur(10px);position:relative;overflow:hidden}.recent-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.1),transparent);transition:left .5s}.recent-card:hover::before{left:100%}.recent-card:hover{border-color:rgba(59,130,246,.5);background:linear-gradient(135deg,rgba(36,38,56,1) 0%,rgba(28,30,45,1) 100%);transform:translateY(-2px);box-shadow:0 8px 25px rgba(59,130,246,.3)}.now-playing-dot{width:12px;height:12px;border-radius:50%;background:#3b82f6;animation:pulse-dot 2s ease-in-out infinite;box-shadow:0 0 10px rgba(59,130,246,.8),0 0 20px rgba(59,130,246,.6);flex-shrink:0}@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1);box-shadow:0 0 10px rgba(59,130,246,.8),0 0 20px rgba(59,130,246,.6)}50%{opacity:.8;transform:scale(1.2);box-shadow:0 0 15px rgba(59,130,246,1),0 0 30px rgba(59,130,246,.8)}}.radio-logo{max-width:100%;max-height:100%;object-fit:contain;image-rendering:-webkit-optimize-contrast;transition:transform .3s ease;border-radius:8px}.radio-logo:hover{transform:scale(1.05)}.radio-card-animated .radio-logo{width:90px!important;height:90px!important;min-width:90px;min-height:90px}.radio-card-glow .radio-logo{width:100px!important;height:100px!important;min-width:100px;min-height:100px}.persistent-player .radio-logo{width:50px!important;height:50px!important}.persistent-player{background:linear-gradient(135deg,rgba(16,20,24,.98) 0%,rgba(21,24,30,.98) 100%);backdrop-filter:blur(20px);border-top:2px solid;border-image:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899,#8b5cf6,#3b82f6) 1;box-shadow:0 -4px 30px rgba(0,0,0,.5),0 -2px 10px rgba(59,130,246,.3)}.player-close-btn{position:absolute!important;top:.5rem!important;right:.5rem!important;background:rgba(239,68,68,.2)!important;border:1px solid rgba(239,68,68,.3)!important;color:#fca5a5!important;border-radius:8px!important;width:2rem!important;height:2rem!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .3s ease!important;font-size:1rem!important;font-weight:700!important;z-index:10!important;padding:0!important}.player-close-btn:hover{background:rgba(239,68,68,.4)!important;border-color:rgba(239,68,68,.5)!important;color:#fff!important;transform:scale(1.1)!important}.player-close-btn:active{transform:scale(.95)!important}.volume-control-wrapper{display:flex!important;align-items:center!important;gap:.4rem!important;background:rgba(255,255,255,.05)!important;padding:.4rem .6rem!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.1)!important}.volume-btn{background:transparent!important;border:none!important;color:#9ca3af!important;cursor:pointer!important;padding:.25rem!important;border-radius:6px!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;width:1.75rem!important;height:1.75rem!important;font-size:.875rem!important}.volume-btn:hover{background:rgba(255,255,255,.1)!important;color:#fff!important;transform:scale(1.1)!important}.volume-btn.muted{color:#ef4444!important}.volume-slider-container{display:flex!important;align-items:center!important;gap:.4rem!important}.volume-slider{-webkit-appearance:none!important;appearance:none!important;width:60px!important;height:4px!important;background:rgba(255,255,255,.2)!important;border-radius:3px!important;outline:none!important;cursor:pointer!important;transition:background .3s ease!important;touch-action:manipulation!important}.volume-slider:hover{background:rgba(255,255,255,.3)!important}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:14px!important;height:14px!important;background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;border-radius:50%!important;cursor:pointer!important;box-shadow:0 0 8px rgba(59,130,246,.6)!important;transition:all .3s ease!important}.volume-slider::-webkit-slider-thumb:hover,.volume-slider::-webkit-slider-thumb:active{transform:scale(1.3)!important;box-shadow:0 0 12px rgba(59,130,246,.8)!important}.volume-slider::-moz-range-thumb{width:14px!important;height:14px!important;background:linear-gradient(135deg,#3b82f6,#8b5cf6)!important;border-radius:50%!important;cursor:pointer!important;border:none!important;box-shadow:0 0 8px rgba(59,130,246,.6)!important;transition:all .3s ease!important}.volume-slider::-moz-range-thumb:hover,.volume-slider::-moz-range-thumb:active{transform:scale(1.3)!important;box-shadow:0 0 12px rgba(59,130,246,.8)!important}.volume-percent{color:#e5e7eb!important;font-weight:700!important;font-size:.7rem!important;min-width:34px!important;text-align:center!important;background:rgba(255,255,255,.1)!important;padding:.2rem .35rem!important;border-radius:6px!important;transition:all .3s ease!important}.volume-percent.high{background:rgba(239,68,68,.2)!important;color:#fca5a5!important}.volume-percent.medium{background:rgba(251,191,36,.2)!important;color:#fde047!important}.volume-percent.low{background:rgba(59,130,246,.2)!important;color:#93c5fd!important}#iosPopup,#androidPopup{bottom:120px!important;transition:opacity .3s ease}@keyframes slideInLeft{from{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideInRight{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutLeft{from{transform:translateX(0);opacity:1}to{transform:translateX(-100%);opacity:0}}@keyframes slideOutRight{from{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.min-h-\[2\.5rem\]{min-height:2.5rem}@media (max-width:1024px){.radio-card-content{padding:1.25rem}.radio-card-animated,.radio-card-glow{min-height:260px}#iosPopup,#androidPopup{bottom:130px!important}}@media (max-width:768px){.marquee-container{margin:0 -1rem;padding:0 1rem}.animate-marquee{animation-duration:25s;gap:1rem}.radio-card-animated{min-height:200px;width:160px!important}.radio-card-content{padding:.75rem}.radio-card-animated .radio-logo{width:70px!important;height:70px!important;min-width:70px;min-height:70px}.radio-card-glow .radio-logo{width:80px!important;height:80px!important;min-width:80px;min-height:80px}.persistent-player .radio-logo{width:40px!important;height:40px!important}.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-4{grid-template-columns:repeat(1,1fr);gap:1rem}.radio-card-glow{min-height:220px}.recent-card{padding:.75rem;flex-direction:column;text-align:center;gap:.5rem}.persistent-player{padding:.75rem}.persistent-player .container{padding:0}.persistent-player .flex-wrap{justify-content:space-between;gap:.5rem}.radio-name-shimmer{font-size:.8rem}.btn-play{padding:.75rem 1.25rem;font-size:.75rem}.badge-tiny{font-size:.65rem;padding:.25rem .5rem}.equalizer{height:24px;gap:3px}.equalizer-bar{width:3px}.marquee-container::before,.marquee-container::after{width:50px}.min-h-\[2\.5rem\]{min-height:2rem}.volume-control-wrapper{padding:.35rem .5rem!important;gap:.35rem!important}.volume-btn{width:1.5rem!important;height:1.5rem!important;font-size:.75rem!important}.volume-slider{width:50px!important}.volume-percent{font-size:.65rem!important;min-width:30px!important;padding:.15rem .3rem!important}.player-close-btn{width:1.75rem!important;height:1.75rem!important;font-size:.875rem!important}#iosPopup,#androidPopup{bottom:140px!important}}@media (max-width:640px){.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-4{grid-template-columns:1fr}.md\:grid-cols-3{grid-template-columns:1fr}.badge-tiny{font-size:.6rem;padding:.2rem .4rem}.radio-name-shimmer{font-size:.75rem}.btn-play{padding:.625rem 1rem;font-size:.7rem}.equalizer-container{height:25px;padding:.25rem 0;margin:.25rem 0}.equalizer{height:20px;gap:2px}.equalizer-bar{width:2px}.recent-card button{width:2rem;height:2rem}.recent-card button i{font-size:.7rem}.volume-slider{width:45px!important}.volume-percent{font-size:.6rem!important;min-width:28px!important}#iosPopup,#androidPopup{bottom:150px!important}}@media (max-width:480px){.radio-card-animated,.radio-card-glow{min-height:200px}.radio-card-content{padding:.75rem}.radio-card-animated .radio-logo{width:60px!important;height:60px!important;min-width:60px;min-height:60px}.radio-card-glow .radio-logo{width:70px!important;height:70px!important;min-width:70px;min-height:70px}.persistent-player .radio-logo{width:35px!important;height:35px!important}.radio-name-shimmer{font-size:.7rem}.btn-play{padding:.625rem 1rem;font-size:.65rem}.badge-tiny{font-size:.55rem;padding:.15rem .3rem}.persistent-player{padding:.5rem}.persistent-player .flex.items-center.gap-4{gap:.5rem}.persistent-player .text-sm{font-size:.75rem}.persistent-player .text-xs{font-size:.65rem}.persistent-player .h-12.w-12{height:2rem;width:2rem}.persistent-player .px-4.py-2{padding:.4rem .6rem;font-size:.7rem}.volume-slider{width:40px!important;height:3px!important}.volume-slider::-webkit-slider-thumb{width:12px!important;height:12px!important}.volume-slider::-moz-range-thumb{width:12px!important;height:12px!important}.volume-percent{font-size:.55rem!important;min-width:26px!important;padding:.1rem .25rem!important}.volume-btn{width:1.35rem!important;height:1.35rem!important;font-size:.7rem!important}.player-close-btn{width:1.5rem!important;height:1.5rem!important;font-size:.75rem!important;top:.35rem!important;right:.35rem!important}#iosPopup,#androidPopup{bottom:160px!important;padding:.5rem;font-size:.85rem!important}#iosPopup>div,#androidPopup>div{padding:.5rem .75rem!important}#iosPopup .text-xs,#androidPopup .text-xs{font-size:.65rem!important}#iosPopup .text-sm,#androidPopup .text-sm{font-size:.75rem!important}}@media print{.radio-card-animated::before,.radio-card-glow::before,.animate-marquee,.equalizer,.now-playing-dot,.radio-name-shimmer::before{display:none!important}.radio-name-shimmer{color:#000!important}#iosPopup,#androidPopup,.persistent-player{display:none!important}}