.player-hero{position:relative;height:450px;display:flex;align-items:center;justify-content:center;color:white;text-align:center;overflow:hidden;background-color:hsl(var(--secondary));transition:height .5s ease-in-out}.player-hero:not(.maximized){margin-top:-4rem}@keyframes drift-animation{0%{transform:translate(-50%,-50%) scale(1)}25%{transform:translate(calc(-50% + 100px),calc(-50% - 80px)) scale(1.2)}50%{transform:translate(calc(-50% - 80px),calc(-50% + 60px)) scale(.9)}75%{transform:translate(calc(-50% + 60px),calc(-50% + 100px)) scale(1.3)}to{transform:translate(-50%,-50%) scale(1)}}.self-animating-blob{animation:drift-animation 25s ease-in-out infinite alternate}.hero-noise{position:absolute;inset:0;z-index:2;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACLSURBVHgB7dihDYAwEATR/2/6dWSBQpE2vYhJ+w2f4sE7B4MUAAAAAAAAAAAAAAAAAIC36293/3/9n39/f+vv7//j7+/v/w8PD/8PDw//j4+P/4+Pj/8fHx//v7+//7+/v/+/v79/f3//f3//f3//f3//f3//f3//f3//f3//v7+//7+/v/+/v/8CAAD//wMAV4enA9jYy2kAAAAASUVORK5CYII=");opacity:.07;pointer-events:none}.player-hero--empty{display:flex;align-items:center;justify-content:center}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.background-image{filter:blur(24px) brightness(.4);transform:scale(1.2);transition:filter .5s ease-in-out}.background-overlay{position:absolute;inset:0;z-index:3;background:linear-gradient(to top,hsl(var(--background)) 5%,transparent 50%);transition:background .5s ease-in-out}.hero-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;color:#fff;width:100%;transition:transform .5s ease-in-out,opacity .5s ease-in-out}.player-hero:not(.maximized) .hero-content{display:flex;flex-direction:row;gap:2rem;text-align:left;align-items:center}.hero-station-art{flex-shrink:0}.station-art-image{width:84px;height:84px;border-radius:.75rem;box-shadow:0 10px 25px -5px rgba(0,0,0,.3),0 8px 10px -6px rgba(0,0,0,.3);border:2px solid rgba(255,255,255,.1);transition:width .5s ease-in-out,height .5s ease-in-out,box-shadow .1s linear}.hero-station-type{font-size:.875rem;font-weight:600;color:hsl(var(--primary));text-transform:uppercase;letter-spacing:.1em}.hero-station-name{font-family:var(--font-headline);font-size:3rem;font-weight:700;letter-spacing:-.025em;line-height:1.1;margin-top:.5rem;margin-bottom:.75rem;max-width:600px;text-shadow:0 2px 20px rgba(0,0,0,.5);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-station-meta{gap:.75rem;color:hsl(var(--muted-foreground));font-size:.875rem}.hero-station-meta,.hero-station-meta span{display:flex;align-items:center}.empty-content{position:relative;z-index:10;color:#fff;text-align:center}.interactive-glow-section{position:relative;overflow:hidden}.player-hero .glowing-blob{position:fixed;z-index:2}.maximized .glowing-blob{z-index:4}.hero-maximize-btn{position:absolute;bottom:1rem;right:1rem;z-index:20;color:white;background-color:rgba(255,255,255,.1)}.hero-theme-btn{left:1rem}.hero-globe-btn,.hero-theme-btn{position:absolute;top:1rem;z-index:20;color:white;background-color:rgba(255,255,255,.1)}.hero-globe-btn{right:4rem}.hero-native-fullscreen-btn{position:absolute;top:1rem;right:1rem;z-index:20;color:white;background-color:rgba(255,255,255,.1)}.hero-globe-btn:hover,.hero-maximize-btn:hover,.hero-native-fullscreen-btn:hover,.hero-theme-btn:hover{background-color:rgba(255,255,255,.2);color:white}.globe-view,.player-hero.maximized{position:fixed;inset:0;height:100vh;height:100dvh;z-index:5000;display:flex;flex-direction:column;justify-content:center}.player-hero.maximized .hero-content{justify-content:center;height:100%}.player-hero.maximized .background-image{filter:blur(48px) brightness(.3)}.player-hero.maximized .background-overlay{background:linear-gradient(to top,hsl(var(--background)) 5%,transparent 50%),radial-gradient(circle,transparent,hsl(var(--background)) 90%)}.player-hero.maximized .hero-content{transform:translateY(0)}.player-hero.maximized .station-art-image{width:clamp(150px,22.5vw,126px);height:clamp(150px,22.5vw,126px)}.player-hero.maximized .hero-station-info{text-align:center}.player-hero.maximized .hero-station-name{font-size:clamp(2.5rem,5vw,4rem);text-align:center}.player-hero.maximized .hero-station-meta{justify-content:center;margin-bottom:2rem}.hero-visualizer{position:absolute;bottom:0;left:0;right:0;width:100%;height:120px;opacity:0;transition:opacity .5s ease-in-out .2s;pointer-events:none;mask-image:linear-gradient(0deg,white 20%,transparent)}.player-hero.maximized .hero-visualizer{opacity:1}.hero-visualizer canvas{width:100%;height:100%}.hero-controls-bar{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column-reverse;align-items:center;width:100%;padding:1rem 0 0;opacity:0;pointer-events:none;transition:opacity .5s ease-in-out .2s;gap:1rem}.player-hero.maximized .hero-controls-bar{opacity:1;pointer-events:auto}.hero-playback-controls{display:flex;justify-content:center;align-items:center;gap:1rem;width:250px}.hero-playback-controls .play-button{width:64px;height:64px;border-radius:50%;background-color:hsl(var(--primary))!important;color:hsl(var(--primary-foreground))!important;padding:0}.hero-playback-controls .play-button svg{width:32px;height:32px}.hero-playback-controls button{color:white}.hero-action-buttons{position:absolute;right:0;display:flex;align-items:center;gap:.5rem}.hero-action-buttons button{color:white}.player-maximized{overflow:hidden}@media (max-width:768px){.player-hero:not(.maximized) .hero-content{flex-direction:column;text-align:center}.player-hero.maximized .hero-content{justify-content:center;gap:1rem;padding-bottom:180px}.player-hero.maximized .station-art-image{width:clamp(120px,30vw,150px);height:clamp(120px,30vw,150px)}.player-hero.maximized .hero-station-name{font-size:1.75rem;white-space:normal;max-width:90%}.player-hero.maximized .hero-station-meta{font-size:.75rem;flex-wrap:wrap;justify-content:center}.hero-controls-bar{padding:1rem;gap:1.5rem}.hero-action-buttons,.hero-globe-btn,.hero-native-fullscreen-btn{display:none}}.globe-fullscreen-active .main-content{display:none}.theme-oceanic{--background:210 40% 8%;--foreground:210 90% 95%;--card:210 30% 12%;--card-foreground:210 90% 95%;--popover:210 30% 6%;--popover-foreground:210 90% 95%;--primary:205 90% 60%;--primary-foreground:205 100% 10%;--secondary:190 40% 15%;--secondary-foreground:190 80% 90%;--muted:190 40% 20%;--muted-foreground:190 40% 65%;--accent:190 80% 75%;--accent-foreground:190 100% 10%;--border:210 30% 22%;--input:210 30% 22%;--ring:205 90% 60%}.theme-twilight{--background:250 15% 8%;--foreground:240 10% 95%;--card:250 15% 12%;--card-foreground:240 10% 95%;--popover:250 15% 7%;--popover-foreground:240 10% 95%;--primary:280 80% 70%;--primary-foreground:240 10% 10%;--secondary:260 20% 15%;--secondary-foreground:240 10% 95%;--muted:260 20% 20%;--muted-foreground:240 10% 60%;--accent:300 80% 65%;--accent-foreground:240 10% 10%;--border:260 20% 22%;--input:260 20% 22%;--ring:280 80% 70%}.theme-forest{--background:120 30% 8%;--foreground:120 20% 94%;--card:120 30% 12%;--card-foreground:120 20% 94%;--popover:120 30% 6%;--popover-foreground:120 20% 94%;--primary:130 60% 55%;--primary-foreground:130 100% 10%;--secondary:110 20% 14%;--secondary-foreground:110 30% 90%;--muted:110 20% 18%;--muted-foreground:110 20% 60%;--accent:90 70% 60%;--accent-foreground:90 100% 10%;--border:120 30% 18%;--input:120 30% 18%;--ring:130 60% 55%}.radio-waves{position:relative;display:inline-block;width:80px;height:80px;margin:2rem auto 0}.wave{position:absolute;border:3px solid rgba(255,255,255,.8);border-radius:50%;animation:pulse 2s infinite}.wave:first-child{width:20px;height:20px;top:30px;left:30px;animation-delay:0s}.wave:nth-child(2){width:40px;height:40px;top:20px;left:20px;animation-delay:.5s}.wave:nth-child(3){width:60px;height:60px;top:10px;left:10px;animation-delay:1s}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.section-header{text-align:center;margin-bottom:2.5rem}.section-header h2{font-family:var(--font-headline);font-size:2.25rem;line-height:2.5rem;font-weight:700;letter-spacing:-.025em;color:hsl(var(--primary))}.section-header p{margin-top:.5rem;font-size:1.125rem;line-height:1.75rem;color:hsl(var(--muted-foreground))}.now-playing-bar{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:hsla(var(--background)/.8);border-top:1px solid hsl(var(--border));backdrop-filter:blur(8px);transition:opacity .3s,visibility .3s;height:80px}.now-playing-content{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;height:100%;padding:0 24px;max-width:1400px;margin:0 auto;width:100%}.station-info{display:flex;align-items:center;gap:16px;min-width:0}.station-logo{width:56px;height:56px;border-radius:8px;background:hsl(var(--secondary));display:grid;place-items:center;flex-shrink:0}.station-logo-img{width:56px;height:56px;border-radius:8px;object-fit:cover;border:1px solid hsl(var(--border)/.5)}.station-details{overflow:hidden;white-space:nowrap}.station-name{font-weight:600;font-size:1rem}.station-location,.station-name{text-overflow:ellipsis;overflow:hidden}.station-location{color:hsl(var(--muted-foreground));font-size:.875rem}.playback-controls{display:flex;justify-content:center;align-items:center;gap:1rem}.playback-controls .play-pause-btn{width:48px;height:48px;border-radius:50%;background-color:hsl(var(--primary))!important;color:hsl(var(--primary-foreground))!important}.playback-controls .play-pause-btn .play-icon{transform:translateX(2px)}.audio-controls{display:flex;justify-content:flex-end;align-items:center;gap:1rem}.audio-visualizer-container{position:absolute;bottom:0;left:0;right:0;height:100%;width:100%;pointer-events:none;opacity:.7;z-index:1;mask-image:linear-gradient(0deg,white 20%,transparent)}.audio-visualizer-container canvas{width:100%;height:100%;display:block}@media (max-width:768px){.now-playing-content{grid-template-columns:1fr auto;gap:1rem;padding:0 16px}.audio-controls{display:none}.station-info{gap:.75rem}.station-logo,.station-logo-img{width:48px;height:48px}.playback-controls{gap:.5rem}.now-playing-bar{height:80px}}.content-section{display:none}.content-section.active{display:block;animation:fade-in-up .5s ease-out forwards}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-overlay{position:fixed;inset:0;z-index:6000;background-color:hsl(var(--background));transition:opacity .7s ease-in-out,visibility .7s ease-in-out}.loading-overlay.dissolve-out{opacity:0;visibility:hidden}.main-app-content{opacity:0;transition:opacity .7s ease-in-out}.main-app-content:not(.dissolve-in){opacity:1}.globe-view{background:#000}.globe-view-container{position:absolute;inset:0;width:100%;height:100%}.globe-station-art{position:absolute;bottom:1rem;left:1rem;z-index:20;display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:.5rem;max-width:250px}.globe-station-art .station-art-image{width:48px;height:48px;flex-shrink:0;border-radius:.375rem}.globe-station-details{min-width:0}.globe-visualizer-container{opacity:1;position:absolute;bottom:0;left:0;right:0;width:100%;height:120px;z-index:10;pointer-events:none;mask-image:linear-gradient(0deg,white 20%,transparent)}.globe-visualizer-container canvas{width:100%;height:100%}.globe-view-controls{position:absolute;top:1rem;right:1rem;z-index:20;display:flex;gap:.5rem}.globe-view-controls .control-btn{color:white;background-color:rgba(255,255,255,.1)}.globe-view-controls .control-btn:hover{background-color:rgba(255,255,255,.2);color:white}