:root{--amber: #FFB000;--amber-dim: #CC8D00;--amber-dark: #7A5500;--amber-glow-soft: rgba(255, 176, 0, .3);--amber-glow-med: rgba(255, 176, 0, .4);--amber-glow-strong: rgba(255, 176, 0, .6);--bg: #0a0a0a;--bg-elevated: #141414;--bg-surface: #1a1a1a;--text-primary: #FFB000;--text-secondary: #CC8D00;--text-dim: #7A5500;--font-mono: "IBM Plex Mono", "Fira Mono", "Courier New", monospace;--glow-sm: 0 0 4px rgba(255, 176, 0, .3);--glow-md: 0 0 8px rgba(255, 176, 0, .4), 0 0 16px rgba(255, 176, 0, .2);--glow-lg: 0 0 8px rgba(255, 176, 0, .5), 0 0 20px rgba(255, 176, 0, .3), 0 0 40px rgba(255, 176, 0, .1);--radius: 4px;--transition: .2s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100vh;height:100dvh;overflow:hidden}body{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-mono);font-size:14px;line-height:1.5;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:var(--font-mono);cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}button:focus-visible{outline:1px solid var(--amber);outline-offset:2px}::selection{background:#ffb0004d;color:var(--amber)}.app{height:var(--app-height, 100vh);width:var(--app-width, 100vw);max-width:100%;display:grid;grid-template-rows:48px 1fr auto auto auto;grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "visualizer" "station" "controls" "favorites";overflow:hidden;position:relative}.app-header{grid-area:header;display:flex;align-items:center;justify-content:center;padding:0 24px}.app-title{font-size:14px;font-weight:500;letter-spacing:6px;text-transform:uppercase;color:var(--amber);text-shadow:var(--glow-md)}.controls-area{grid-area:controls;padding:0 0 8px}@keyframes scan-pulse{0%,to{opacity:1}50%{opacity:.4}}.scanning{animation:scan-pulse 1.2s ease-in-out infinite}.crt-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999}.crt-scanlines{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.12) 2px,rgba(0,0,0,.12) 4px)}.crt-vignette{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 40%,rgba(0,0,0,.3) 70%,rgba(0,0,0,.7) 100%)}.visualizer{grid-area:visualizer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:180px}.vis-rings{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.vis-ring{position:absolute;width:var(--ring-size);aspect-ratio:1;border-radius:50%;border:1px solid var(--amber);will-change:transform,opacity;opacity:calc(.08 + var(--intensity) * .72);transform:scale(calc(1 + var(--intensity) * .08));box-shadow:0 0 12px #ffb00026,inset 0 0 8px #ffb0000d;pointer-events:none}.vis-ring--0{border-width:2px}.vis-ring--1,.vis-ring--2{border-width:1.5px}.vis-ring--3{border-width:1px}.vis-ring--4{border-width:1px;border-color:var(--amber-dark)}.vis-center-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px var(--amber-glow-strong),0 0 24px var(--amber-glow-soft);z-index:1}@media(max-height:550px){.visualizer{min-height:100px}}.find-song{position:relative;display:inline-flex;align-items:center}.find-song-btn{font-family:var(--font-mono);font-size:12px;color:var(--text-dim, #666);background:none;border:none;cursor:pointer;padding:0 2px;line-height:1;transition:color .2s ease,text-shadow .2s ease}.find-song-btn:hover{color:var(--amber);text-shadow:0 0 4px rgba(255,176,0,.4)}.find-song-picker{display:inline-flex;align-items:center;gap:8px;margin-left:6px}.find-song-option{font-family:var(--font-mono);font-size:10px;color:var(--amber-dim);background:none;border:none;cursor:pointer;padding:0;transition:color .2s ease,text-shadow .2s ease}.find-song-option:hover{color:var(--amber);text-shadow:0 0 4px rgba(255,176,0,.4)}.station-display{grid-area:station;padding:8px 24px 12px;display:flex;flex-direction:column;gap:4px;max-width:700px;margin:0 auto;width:100%;text-align:center}.station-display--empty{color:var(--text-dim);font-size:13px;padding:16px 24px}.sd-status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-secondary)}.sd-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sd-dot--on{background:var(--amber);box-shadow:0 0 6px var(--amber-glow-strong),0 0 14px var(--amber-glow-soft);animation:dot-glow 2s ease-in-out infinite}.sd-dot--loading{background:var(--amber-dim);animation:scan-pulse 1.2s ease-in-out infinite}.sd-dot--error{background:#f44;box-shadow:0 0 6px #f449}.sd-genre{color:var(--text-dim);margin-left:8px}.sd-error{color:#ff6b6b;font-size:12px;padding:6px 0}.sd-name-row{display:flex;align-items:center;justify-content:center;gap:12px}.sd-favicon{width:20px;height:20px;border-radius:2px;object-fit:contain;filter:grayscale(1) sepia(1) saturate(3) hue-rotate(5deg) brightness(.9);opacity:.7;flex-shrink:0}.sd-marquee{overflow:hidden;flex:1;min-width:0;mask-image:linear-gradient(to right,transparent,black 8px,black calc(100% - 8px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 8px,black calc(100% - 8px),transparent)}.sd-name{font-size:20px;font-weight:500;color:var(--amber);text-shadow:var(--glow-md);line-height:1.3;white-space:nowrap}.sd-name--scrolling{display:inline-flex;animation:marquee-scroll linear infinite}.sd-fav{font-size:24px;color:var(--text-dim);transition:all var(--transition);flex-shrink:0;padding:2px;line-height:1}.sd-fav:hover:not(:disabled){color:var(--amber);text-shadow:var(--glow-sm)}.sd-fav--active{color:var(--amber);text-shadow:var(--glow-md)}.sd-fav:disabled:not(.sd-fav--active){opacity:.3;cursor:default}.sd-meta{display:flex;align-items:center;justify-content:center;gap:16px;font-size:12px;color:var(--text-dim)}.sd-quality{color:var(--amber-dark)}.sd-name-sep{color:var(--amber-dark);font-weight:300}.sd-name-track{font-weight:400;color:var(--amber-dim);font-size:.85em}.sd-history{padding-top:4px;font-size:10px;color:var(--text-dim);opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sd-history-label{text-transform:uppercase;letter-spacing:1px;margin-right:8px;opacity:.5}.sd-history-sep{color:var(--amber-dark);opacity:.4}@keyframes dot-glow{0%,to{box-shadow:0 0 6px var(--amber-glow-strong),0 0 14px var(--amber-glow-soft)}50%{box-shadow:0 0 8px var(--amber-glow-strong),0 0 20px var(--amber-glow-med)}}.sd-name-copy{padding-right:80px;flex-shrink:0}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.genre-selector{grid-area:genres;padding:4px 24px 8px}.genre-strip{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;padding:4px 0;scrollbar-width:none;-ms-overflow-style:none}.genre-strip::-webkit-scrollbar{display:none}.genre-pill{flex-shrink:0;padding:6px 14px;font-size:11px;font-weight:400;letter-spacing:.5px;color:var(--text-dim);border:1px solid var(--bg-surface);border-radius:20px;transition:all var(--transition);white-space:nowrap}.genre-pill:hover:not(:disabled){color:var(--text-secondary);border-color:var(--amber-dark)}.genre-pill--active{color:var(--amber);border-color:var(--amber);text-shadow:var(--glow-sm);background:#ffb0000d}.genre-pill:disabled{opacity:.4;cursor:default}.scan-button{display:block;margin:8px auto 0;padding:8px 44px;font-size:12px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:var(--amber);border:1px solid var(--amber-dark);border-radius:20px;transition:all var(--transition)}.scan-button:hover:not(:disabled){border-color:var(--amber);text-shadow:var(--glow-md);box-shadow:0 0 16px #ffb0001f}.scan-button:disabled{opacity:.4;cursor:default}.scan-button--scanning{animation:scan-pulse 1.2s ease-in-out infinite}.favorites-bar{grid-area:favorites;padding:8px 24px 18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0}.fb-item{display:inline-flex;align-items:center}.fb-dot{color:var(--amber-dark);padding:0 10px;font-size:14px;-webkit-user-select:none;user-select:none}.fb-name{font-family:var(--font-mono);font-size:11px;color:var(--text-dim, #666);letter-spacing:.5px;background:none;border:none;cursor:pointer;padding:2px 0;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease,text-shadow .2s ease}.fb-name:hover,.fb-name--active{color:var(--amber);text-shadow:0 0 4px rgba(255,176,0,.4)}.fb-remove{font-family:var(--font-mono);font-size:10px;color:var(--text-dim, #666);background:none;border:none;cursor:pointer;padding:0 2px;margin-left:2px;opacity:0;transition:opacity .2s ease,color .2s ease;line-height:1}.fb-item:hover .fb-remove{opacity:.5}.fb-remove:hover{opacity:1!important;color:#ff6b6b}@media(max-width:600px){.fb-name{font-size:10px;max-width:110px}.fb-dot{padding:0 6px}}