:root{--bg-color:#050508;--text-main:#fff;--text-muted:#ffffffa6;--glass-bg:linear-gradient(135deg, #141419bf 0%, #0a0a0cd9 100%);--glass-border:#ffffff1a;--glass-highlight:#ffffff26;--led-red:#ff2a2a;--led-glow:#ff2a2acc;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"Courier New", Courier, monospace;--transition:all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;margin:0;padding:0}html,body{touch-action:none;height:100%}body{font-family:var(--font-ui);background-color:var(--bg-color);color:var(--text-main);width:100vw;height:100dvh;position:relative;overflow:hidden}.background-fallback{z-index:0;background:#0a080a;position:absolute;inset:0}.background-layer{z-index:1;background-image:url(/assets/optimized/station-853.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;transition:opacity 1s;position:absolute;inset:0}@media (width>=768px){.background-layer{background-image:url(/assets/optimized/station-1170.jpg);background-position:top;background-attachment:fixed}}.led-mount{top:0;left:max(1rem, env(safe-area-inset-left));z-index:15;flex-direction:column;align-items:center;width:min(70vw,220px);display:flex;position:fixed}.led-cables{width:90%;height:max(1rem, env(safe-area-inset-top));position:relative}.led-cables:before,.led-cables:after{content:"";background:linear-gradient(#444,#111);border-radius:2px;width:3px;position:absolute;top:-10px;bottom:0;box-shadow:1px 0 2px #ffffff1a,-1px 0 2px #000c}.led-cables:before{left:4px}.led-cables:after{right:4px}.led-board{background:#050505;border:2px solid #1a1a1a;border-radius:6px;width:100%;height:36px;position:relative;overflow:hidden;box-shadow:0 10px 30px #000c,inset 0 0 15px #f333}.led-board:after{content:"";pointer-events:none;z-index:1;background-color:#0000;background-image:linear-gradient(#050505bf 50%,#0000 50%),linear-gradient(90deg,#050505bf 50%,#0000 50%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:3px 3px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.led-text{white-space:nowrap;font-family:var(--font-mono);letter-spacing:2px;color:#f55;text-shadow:0 0 2px #fffc, 0 0 8px var(--led-red), 0 0 16px var(--led-red);z-index:3;will-change:transform, left;font-size:.8rem;font-weight:900;position:absolute;top:50%;left:100%;transform:translateY(-50%)}@keyframes scroll-left{0%{left:100%;transform:translateY(-50%)}to{left:0;transform:translate(-100%,-50%)}}.now-playing{left:50%;bottom:max(1.5rem, calc(env(safe-area-inset-bottom) + 1.5rem));z-index:10;-webkit-backdrop-filter:blur(22px)saturate(160%);backdrop-filter:blur(22px)saturate(160%);background:linear-gradient(135deg,#501e1e59 0%,#280f0f73 100%);border:1px solid #ffffff21;border-top-color:#fff3;border-radius:999px;width:min(96vw,520px);position:absolute;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0000004d,0 16px 40px #00000073,0 4px 12px #0000004d}.radio-pill-row{align-items:center;gap:0;min-height:0;padding:8px 16px 8px 8px;display:flex}.art-container{background:#111;border-radius:50%;flex-shrink:0;width:72px;height:72px;margin-right:14px;position:relative;overflow:hidden;box-shadow:0 0 0 3px #ffffff14,0 4px 14px #0009,inset 0 0 10px #000c}.album-art{object-fit:cover;opacity:.9;width:100%;height:100%;transition:transform .8s}.album-art.playing{animation:8s linear infinite spin-vinyl}@keyframes spin-vinyl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.art-container:after{content:"";z-index:3;pointer-events:none;background:#000000bf;border:1px solid #ffffff26;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.info-controls{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.np-text{width:100%}.track-name{letter-spacing:-.1px;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;line-height:1.2;overflow:hidden}.track-author{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:.75rem;font-weight:400;overflow:hidden}.np-progress{flex-direction:column;gap:3px;display:flex}.radio-dial-box{pointer-events:none;background:#ffffff26;border-radius:999px;width:100%;height:4px;position:relative;overflow:hidden}.dial-fill{background:#ffffffbf;border-radius:999px;width:0%;height:100%;transition:width .25s linear;position:absolute;top:0;left:0}.dial-needle{z-index:2;background:#fff;border-radius:50%;width:10px;height:10px;transition:left .25s linear;position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);box-shadow:0 0 4px #fff9}.np-time-row{justify-content:space-between;display:flex}.np-time{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:#ffffff80;font-size:.64rem}.np-controls{flex-shrink:0;align-items:center;gap:4px;margin-left:12px;display:flex}button{color:var(--text-main);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}button:hover{transform:scale(1.12)}button:active{transform:scale(.92)}button:disabled{opacity:.35;cursor:wait}button svg{fill:currentColor}.btn-skip{color:#ffffffbf;width:32px;height:32px}.btn-skip svg{width:18px;height:18px}.btn-skip:hover{color:#fff}.btn-play{color:#1a0a0a;background:#ffffffeb;border:none;width:46px;height:46px;box-shadow:0 4px 14px #00000073}.btn-play svg{width:22px;height:22px}.btn-play:hover{background:#fff;transform:scale(1.08)}.btn-play:active{background:#fffc;transform:scale(.94)}.radio-inner,.grille-strip,.radio-header,.radio-main{display:contents}.status-line{left:50%;bottom:max(8rem, calc(env(safe-area-inset-bottom) + 8rem));z-index:10;font-family:var(--font-mono);color:var(--text-muted);opacity:0;white-space:nowrap;pointer-events:none;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:20px;padding:6px 16px;font-size:.75rem;transition:opacity .4s,transform .4s;position:absolute;transform:translate(-50%)}.status-line.show{opacity:1;transform:translate(-50%)translateY(-10px)}.top-links{top:max(1rem, env(safe-area-inset-top));right:max(1rem, env(safe-area-inset-right));z-index:20;gap:10px;display:flex;position:fixed}.yt-chip{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;background:#00000073;border:1px solid #ffffff1f;border-top-color:#fff3;border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 8px;text-decoration:none;transition:background .2s,transform .2s;display:flex}.yt-chip:hover{background:#ff000080;transform:scale(1.04)}.yt-chip:active{transform:scale(.97)}.yt-chip-icon{fill:red;flex-shrink:0;width:18px;height:18px;transition:fill .2s}.yt-chip:hover .yt-chip-icon{fill:#fff}.yt-chip-label{letter-spacing:.4px;white-space:nowrap;font-size:.72rem;font-weight:600}.site-chip-icon{fill:none;stroke:#a78bfa}.site-chip:hover{background:#7c3aed80}.site-chip:hover .site-chip-icon{fill:none;stroke:#fff}@media (width<=480px){.yt-chip-label{display:none}.yt-chip{border-radius:50%;gap:0;padding:8px}.led-mount{width:min(60vw,220px)}.now-playing{width:min(92vw,520px)}.art-container{width:64px;height:64px;margin-right:10px}.track-name{font-size:.9rem}.btn-play{width:42px;height:42px}}#youtube-player{opacity:0;pointer-events:none;z-index:-1;width:1px;height:1px;position:absolute}