@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&display=swap";
:root{--app-accent:#fe4c50;--app-accent-glow:#fe4c504d;--app-bg:#0c0c0e;--app-glass:#0d0d10eb;--app-border:#ffffff12;--app-text:#edebe6;--app-muted:#edebe673;--app-dim:#edebe62e;--app-h:88px;--app-radius:20px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--app-bg);color:var(--app-text);justify-content:center;align-items:center;min-height:100%;font-family:Syne,sans-serif;display:flex;overflow:hidden}body:before{content:"";background-image:var(--cover-bg,none);filter:blur(90px)saturate(1.8)brightness(.7);opacity:.18;z-index:0;pointer-events:none;background-position:50%;background-size:cover;transition:opacity 1.5s;position:fixed;inset:-15%}body:after{content:"";opacity:.22;z-index:1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='280'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='280' height='280' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");position:fixed;inset:0}.mode-switcher{z-index:20;background:var(--app-glass);-webkit-backdrop-filter:blur(48px)saturate(200%);backdrop-filter:blur(48px)saturate(200%);border:1px solid var(--app-border);border-radius:60px;gap:8px;padding:6px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 20px #0000004d}.mode-btn{all:unset;cursor:pointer;letter-spacing:.02em;color:var(--app-muted);border-radius:40px;padding:8px 20px;font-family:Syne,sans-serif;font-size:.8rem;font-weight:600;transition:all .2s}.mode-btn.active{background:var(--app-accent);color:#fff;box-shadow:0 2px 8px var(--app-accent-glow)}.mode-btn:not(.active):hover{color:var(--app-text);background:#ffffff0d}body.webradio-mode .now-playing-card{display:none}.webradio-player-container{aspect-ratio:16/9;background:var(--app-glass);-webkit-backdrop-filter:blur(48px)saturate(200%);backdrop-filter:blur(48px)saturate(200%);border:1px solid var(--app-border);border-radius:var(--app-radius);z-index:10;width:min(1200px,100vw - 40px);margin:0 auto;font-family:Syne,sans-serif;animation:.65s cubic-bezier(.22,1,.36,1) both cardIn;inset:auto 0 24px;overflow:hidden;box-shadow:0 48px 80px -16px #000000d9,0 16px 32px #00000073,inset 0 1px #ffffff0d}.player-section{width:100%;height:100%}@keyframes cardIn{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes video_sspinner-linspin{to{transform:rotate(360deg)}}@keyframes video_sspinner-easespin{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}to{transform:rotate(1080deg)}}@keyframes video_sspinner-left-spin{0%{transform:rotate(130deg)}50%{transform:rotate(-5deg)}to{transform:rotate(130deg)}}@keyframes video_sright-spin{0%{transform:rotate(-130deg)}50%{transform:rotate(5deg)}to{transform:rotate(-130deg)}}.now-playing-card{width:min(960px,100vw - 40px);height:var(--app-h);background:var(--app-glass);-webkit-backdrop-filter:blur(48px)saturate(200%);backdrop-filter:blur(48px)saturate(200%);border:1px solid var(--app-border);border-radius:var(--app-radius);z-index:10;align-items:stretch;margin:0 auto;animation:.65s cubic-bezier(.22,1,.36,1) both cardIn;display:flex;position:fixed;inset:auto 0 24px;overflow:hidden;box-shadow:0 48px 80px -16px #000000d9,0 16px 32px #00000073,inset 0 1px #ffffff0d}.cover-wrapper{flex:0 0 var(--app-h);position:relative;overflow:hidden}.cover-image{object-fit:cover;width:100%;height:100%;transition:transform 1s cubic-bezier(.22,1,.36,1),opacity .6s;display:block}.cover-wrapper:hover .cover-image{transform:scale(1.06)}.gradient-overlay{background:linear-gradient(90deg, #00000014 0%, transparent 45%, var(--app-glass) 100%);position:absolute;inset:0}.info-section{flex:1;align-items:center;gap:0;min-width:0;padding:0 20px 0 18px;display:flex}.song-title{border-right:1px solid var(--app-border);flex-direction:column;flex:0 240px;gap:5px;min-width:0;margin-right:20px;padding-right:20px;display:flex}#songTitle{letter-spacing:-.018em;white-space:nowrap;text-overflow:ellipsis;color:var(--app-text);font-size:.9rem;font-weight:700;line-height:1.2;overflow:hidden}.artist-name{color:var(--app-muted);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.015em;font-size:.72rem;font-weight:500;overflow:hidden}.show-container{border-right:1px solid var(--app-border);flex-direction:column;flex:0 180px;gap:4px;min-width:0;margin-right:20px;padding-right:20px;display:flex;overflow:hidden}.show-label{letter-spacing:.16em;text-transform:uppercase;color:var(--app-accent);align-items:center;gap:6px;font-size:.58rem;font-weight:700;line-height:1;display:flex}.show-label:before{content:"";background:var(--app-accent);border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:2s ease-in-out infinite led;display:block}@keyframes led{0%,to{opacity:1;box-shadow:0 0 0 2.5px var(--app-accent-glow)}50%{opacity:.35;box-shadow:none}}.program-name{color:var(--app-text);white-space:nowrap;text-overflow:ellipsis;font-size:.77rem;font-weight:600;overflow:hidden}.news-card,.footer-note,.audio-header{display:none!important}audio#audioPlayer{display:none}.audio-player-section{flex:1;justify-content:flex-end;align-items:center;gap:14px;min-width:0;padding-right:6px;display:flex}.audio-status{letter-spacing:.05em;color:var(--app-muted);white-space:nowrap;opacity:0;pointer-events:none;font-size:.62rem;font-weight:600;transition:opacity .3s}.audio-status.visible{opacity:1}.audio-status.error{color:var(--app-accent)}.audio-status.ready{color:#22c55e}.custom-controls{align-items:center;gap:12px;display:flex}.ctrl-play{all:unset;cursor:pointer;background:var(--app-accent);color:#fff;width:32px;height:32px;box-shadow:0 2px 8px var(--app-accent-glow);border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;transition:all .2s;display:flex}.ctrl-play:hover:not(:disabled){box-shadow:0 4px 12px var(--app-accent-glow);transform:scale(1.08)}.ctrl-play:disabled{opacity:.6;cursor:not-allowed}.vol-ctrl{align-items:center;gap:8px;display:flex}.vol-mute-btn{all:unset;cursor:pointer;width:28px;height:28px;color:var(--app-muted);justify-content:center;align-items:center;font-size:.8rem;transition:color .2s;display:flex}.vol-mute-btn:hover{color:var(--app-text)}.vol-slider{cursor:pointer;width:100px;height:4px;accent-color:var(--app-accent)}@media (max-width:700px){.mode-switcher{padding:4px;top:12px}.mode-btn{padding:6px 14px;font-size:.7rem}.now-playing-card{border-radius:18px;flex-direction:column;width:auto;height:auto;inset:auto 12px 12px;overflow:hidden}.cover-wrapper{flex:none;width:100%;height:180px;position:relative}.cover-image{object-fit:cover;width:100%;height:100%}.gradient-overlay{background:linear-gradient(180deg, transparent 40%, var(--app-glass) 100%)}.info-section{flex-direction:column;align-items:stretch;gap:10px;padding:12px 16px 14px}.song-title{flex:unset;border-right:none;border-bottom:1px solid var(--app-border);gap:4px;max-width:none;margin-right:0;padding-bottom:10px;padding-right:0}#songTitle{white-space:normal;font-size:1rem}.artist-name{font-size:.75rem}.show-container{flex:unset;border-right:none;border-bottom:1px solid var(--app-border);max-width:none;margin-right:0;padding-bottom:10px;padding-right:0;display:flex}.audio-player-section{flex:unset;justify-content:space-between;gap:10px;padding-right:0}.ctrl-play{flex-shrink:0;width:40px;height:40px;font-size:1rem}.vol-ctrl{flex:1;gap:10px}.vol-slider{flex:1;width:100%}.vol-mute-btn{flex-shrink:0;width:32px;height:32px;font-size:.9rem}.audio-status{display:none}}@media (max-width:380px){.now-playing-card{border-radius:14px;inset:auto 8px 8px}.cover-wrapper{height:150px}.info-section{padding:10px 12px 12px}#songTitle{font-size:.9rem}}header,.grid-overlay,footer{display:none!important}