@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap";:root{--primary: #FF6600;--primary-hover: #e65c00;--primary-glow: rgba(255, 102, 0, .25);--secondary: #000033;--secondary-light: #1a1a4e;--bg-page: #f0f2f5;--bg-card: #ffffff;--bg-subtle: #f7f8fa;--bg-muted: #eef0f4;--text-primary: #0d0d2b;--text-secondary: #6b7280;--text-muted: #9ca3af;--border: rgba(0, 0, 0, .06);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .12);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-bounce: cubic-bezier(.175, .885, .32, 1.275);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 24px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-page);color:var(--text-primary);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%}.container{max-width:1200px;margin:0 auto;padding:20px;display:flex;justify-content:center;align-items:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:1}}@keyframes waveBar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.radio-player{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);width:100%;max-width:680px;margin:0 auto;overflow:hidden;animation:fadeIn .6s var(--ease-out);border:1px solid var(--border)}.player-header{background:var(--secondary);padding:18px 24px;position:relative;overflow:hidden}.player-header:after{content:"";position:absolute;top:0;right:0;bottom:0;width:40%;background:linear-gradient(90deg,transparent 0%,rgba(255,102,0,.08) 100%);pointer-events:none}.station-info{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.station-logo{width:44px;height:44px;background:#fff;padding:2px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;flex-shrink:0;transition:transform .3s var(--ease-out)}.station-logo:hover{transform:scale(1.05)}.station-logo img{width:100%;height:100%;object-fit:contain}.station-name{font-size:1.15rem;font-weight:700;color:#fff;line-height:1.2;letter-spacing:.01em}.station-slogan{font-size:.7rem;color:#fff9;font-weight:400;line-height:1.4;margin-top:2px}.player-body{display:grid;grid-template-columns:180px 1fr;gap:28px;padding:28px 32px;align-items:center}.now-playing{display:flex;flex-direction:column;align-items:center;gap:14px}.album-art-container{width:100%;max-width:180px;aspect-ratio:1;position:relative}.album-art{width:100%;height:100%;transition:all .4s var(--ease-out);position:relative}.album-art img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-out)}.album-art.playing{box-shadow:0 8px 30px #ff660026,var(--shadow-lg)}.album-art.playing img{transform:scale(1.03)}.wave-bars{display:flex;justify-content:center;align-items:flex-end;height:28px;gap:3px}.wave-bar{width:3px;background:var(--primary);border-radius:3px;height:3px;transition:opacity .3s ease}.wave-bars.playing .wave-bar{animation:waveBar .8s ease-in-out infinite}.player-info-section{display:flex;flex-direction:column;justify-content:center;gap:24px;min-width:0}.player-details{display:flex;flex-direction:column;justify-content:center}.current-info{display:flex;flex-direction:column;gap:6px}.info-header{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--primary);display:flex;align-items:center;gap:6px}.track-title{font-size:.9rem;color:var(--text-secondary);font-weight:500;text-align:left}.track-artist{font-size:1.35rem;font-weight:700;line-height:1.15;color:var(--text-primary);letter-spacing:-.02em;text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.track-album{font-size:.75rem;color:var(--text-muted);margin-top:4px;text-align:left;font-weight:400}.player-controls{width:100%;display:flex;flex-direction:column;gap:16px}.controls{display:flex;justify-content:flex-start;align-items:center}.play-wrapper{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.play-wrapper:before{content:"";position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--border);transition:all .4s var(--ease-out)}.play-wrapper:hover:before{border-color:var(--primary);transform:scale(1.05)}.play-btn{width:48px;height:48px;border-radius:50%;background:var(--primary);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s var(--ease-bounce);z-index:2;box-shadow:0 4px 14px var(--primary-glow)}.play-btn:hover{transform:scale(1.08);background:var(--primary-hover);box-shadow:0 6px 20px var(--primary-glow)}.play-btn:active{transform:scale(.95)}.volume-control{display:flex;align-items:center;gap:12px;background:var(--bg-subtle);padding:10px 16px;border-radius:var(--radius-sm);transition:background .2s ease}.volume-control:hover{background:var(--bg-muted)}.volume-icon{color:var(--text-muted);display:flex;align-items:center;transition:color .2s ease}.volume-control:hover .volume-icon{color:var(--text-secondary)}.volume-slider{flex:1;-webkit-appearance:none;appearance:none;background:#ddd;height:4px;border-radius:4px;outline:none;cursor:pointer;transition:background .2s ease}.volume-slider:hover{background:#ccc}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 1px 4px #0003;transition:transform .2s var(--ease-bounce)}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;border:none;box-shadow:0 1px 4px #0003}.player-status{display:flex;align-items:center;justify-content:flex-start;gap:8px;font-size:.72rem;font-weight:600;color:var(--text-muted);letter-spacing:.03em}.status-indicator{width:8px;height:8px;border-radius:50%;background:#c5c5c5;transition:all .3s ease}.status-indicator.pulsing{background:#22c55e;animation:pulse 2s infinite;box-shadow:0 0 8px #22c55e66}.player-footer{padding:12px 24px;text-align:center;font-size:.65rem;font-weight:600;letter-spacing:.06em;color:var(--text-muted);background:var(--bg-subtle);border-top:1px solid var(--border)}.player-footer a{color:inherit;text-decoration:none}.player-footer a:hover{text-decoration:underline}.audio-error-toast{animation:slideUp .4s var(--ease-out)!important}@media(max-width:500px){.radio-player{border-radius:var(--radius-lg);margin:8px}.player-header{padding:14px 18px}.player-body{display:flex;flex-direction:column;gap:24px;padding:24px 20px}.album-art-container{max-width:160px}.player-info-section{gap:20px;align-items:center}.current-info{align-items:center}.info-header{justify-content:center}.track-title,.track-artist,.track-album{text-align:center}.controls,.player-status{justify-content:center}.station-info{flex-direction:column;text-align:center;gap:10px}.station-logo{margin:0 auto}.station-slogan{display:block;font-size:.65rem}}@media(max-width:768px)and (min-width:501px){.player-body{padding:24px 20px;gap:20px}.track-title{font-size:1.15rem}.station-slogan{display:none}}