:root{--accent-glow:#ae9eff;--text-glow:0 0 10px #ae9effcc;--border-radius:20px;--font-main:"Atkinson Hyperlegible Mono", monospace;--dim-opacity:.3}html,body{color:#fff;min-height:100vh;font-family:var(--font-main);margin:0;padding:0}body{flex-direction:column;display:flex}.page-content{box-sizing:border-box;flex:1;justify-content:center;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:40px 20px;display:flex}.radio-room-container{justify-content:center;width:100%;padding:2rem 0;display:flex}.hifi-radio-deck{background:linear-gradient(145deg,#0b0b16 0%,#130c22 100%);border:2px solid #ae9eff40;border-radius:28px;width:680px;max-width:100%;padding:30px;position:relative;overflow:hidden;box-shadow:0 25px 60px #000000d9,0 0 30px #ae9eff26}.scanline{pointer-events:none;background:linear-gradient(#0000,#ae9eff08,#0000);width:100%;height:120px;animation:8s linear infinite scanAnimation;position:absolute;top:-100px;left:0}@keyframes scanAnimation{0%{top:-100px}to{top:100%}}.speaker-grille-panel{background:#0006;border:1px solid #ffffff14;border-radius:16px;align-items:center;height:90px;margin-bottom:22px;padding:0 20px;display:flex;position:relative;overflow:hidden}.grille-mesh{opacity:.6;background-image:radial-gradient(#ae9eff26 1px,#0000 1px);background-size:8px 8px;position:absolute;inset:0}.deck-brand-badge{z-index:2;letter-spacing:3px;color:var(--accent-glow);text-shadow:var(--text-glow);align-items:center;gap:10px;font-size:11px;display:flex;position:relative}.pulse-led{background:var(--accent-glow);width:8px;height:8px;box-shadow:0 0 8px var(--accent-glow);border-radius:50%;animation:2s ease-in-out infinite ledPulse}@keyframes ledPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.tuner-faceplate{background:#05050c;border:1px solid #ae9eff33;border-radius:16px;flex-direction:column;gap:18px;margin-bottom:22px;padding:20px;display:flex}.tuner-glass-panel{background:#0009;border:1px inset #ae9eff26;border-radius:10px;justify-content:space-between;align-items:center;height:70px;padding:0 25px;display:flex;position:relative;overflow:hidden}.scale-lines{color:#ffffff4d;letter-spacing:2px;justify-content:space-between;width:100%;padding:0 30px;font-size:10px;display:flex;position:absolute;left:0}.dial-needle{z-index:3;background:#f57;width:2px;transition:left .4s cubic-bezier(.16,1,.3,1);position:absolute;top:10px;bottom:10px;left:25%;box-shadow:0 0 10px #f57}.tuner-digital-readout{z-index:4;text-align:right;min-width:110px;position:relative}.readout-label{letter-spacing:2px;color:#ae9eff80;font-size:7px}.readout-val{letter-spacing:2px;color:var(--accent-glow);text-shadow:var(--text-glow);font-size:15px}.spectrum-visualizer{justify-content:center;align-items:flex-end;gap:3px;width:100%;height:50px;display:flex}.spec-bar{background:var(--accent-glow);border-radius:4px;width:4px;height:6px;transition:height 80ms}.now-playing-banner{background:#ae9eff0a;border:1px solid #ae9eff1a;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.np-tag{letter-spacing:2px;color:#000;background:var(--accent-glow);border-radius:4px;flex-shrink:0;padding:3px 6px;font-size:8px;font-weight:700}.marquee-track{white-space:nowrap;width:100%;overflow:hidden}.marquee-text{letter-spacing:1.5px;color:#fff;font-size:11px}.radio-controls-bay{flex-direction:column;gap:15px;display:flex}.preset-buttons-group{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.preset-btn{color:#aaa;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;font-family:inherit;font-size:10px;transition:all .2s;display:flex}.btn-ind{background:#fff3;border-radius:50%;width:6px;height:6px;transition:all .2s}.preset-btn.active{border-color:var(--accent-glow);color:#fff;background:#ae9eff1f;box-shadow:0 0 15px #ae9eff26}.preset-btn.active .btn-ind{background:var(--accent-glow);box-shadow:0 0 8px var(--accent-glow)}.knobs-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.hifi-toggle-btn{border:1px solid var(--accent-glow);color:var(--accent-glow);letter-spacing:2px;cursor:pointer;background:#ae9eff14;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px;font-family:inherit;font-size:10px;transition:all .2s;display:flex}.hifi-toggle-btn:hover{background:var(--accent-glow);color:#000;box-shadow:0 0 20px var(--accent-glow)}.rotary-volume-module{background:#0000004d;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;padding:10px 16px;display:flex}.potentiometer-label{letter-spacing:2px;color:#ae9eff99;font-size:9px}.slider-track-box{background:#ffffff14;border-radius:10px;flex-grow:1;height:6px;position:relative;overflow:hidden}.slider-fill-bar{pointer-events:none;background:linear-gradient(90deg,#ae9eff,#bad9ff);border-radius:10px;height:100%;position:absolute;top:0;left:0}#volume-range-input{-webkit-appearance:none;appearance:none;cursor:pointer;background:0 0;outline:none;width:100%;height:100%;margin:0;position:absolute;top:0;left:0}#volume-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;background:#ae9eff;border-radius:50%;width:12px;height:12px;box-shadow:0 0 8px #ae9eff}#volume-range-input::-moz-range-thumb{cursor:pointer;background:#ae9eff;border:none;border-radius:50%;width:12px;height:12px;box-shadow:0 0 8px #ae9eff}@media (width<=650px){.preset-buttons-group{grid-template-columns:repeat(2,1fr)}.knobs-row{grid-template-columns:1fr}}