.radio-container{max-width:800px;margin:0 auto;padding:2rem}.radio-chassis{background:linear-gradient(145deg,#8b4513,#654321);border-radius:20px;padding:3rem 2rem;box-shadow:inset 0 0 0 4px #654321,inset 0 0 0 8px #8b4513,0 20px 40px #0000004d;position:relative;overflow:hidden}.radio-chassis:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.1) 100%);pointer-events:none}.radio-display{background:#1a1a1a;border:3px solid #333;border-radius:10px;padding:1.5rem;margin-bottom:2rem;box-shadow:inset 0 2px 10px #00000080;position:relative}.radio-screen{background:#0f4f3c;border:2px solid #2a5f4f;border-radius:8px;padding:1rem;color:#0f8;font-family:Courier New,monospace;font-weight:700;text-shadow:0 0 10px #00ff88;min-height:120px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.radio-screen:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,136,.1),transparent);animation:scanline 3s linear infinite}@keyframes scanline{0%{left:-100%}to{left:100%}}.station-info{text-align:center}.station-name{font-size:1.2rem;margin-bottom:.5rem;text-transform:uppercase}.station-details{font-size:.9rem;opacity:.8;margin-bottom:1rem}.radio-controls{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.radio-button{width:80px;height:80px;border-radius:50%;border:none;background:linear-gradient(145deg,silver,gray);box-shadow:0 6px 12px #0000004d,inset 0 2px 4px #ffffff4d,inset 0 -2px 4px #0003;cursor:pointer;transition:all .1s ease;font-size:1.5rem;display:flex;align-items:center;justify-content:center;color:#333}.radio-button:active{transform:translateY(2px);box-shadow:0 2px 6px #0000004d,inset 0 -1px 2px #ffffff4d,inset 0 1px 2px #0003}.radio-button:disabled{opacity:.5;cursor:not-allowed}.volume-control{display:flex;align-items:center;gap:1rem;justify-content:center;margin-bottom:2rem}.volume-knob{width:60px;height:60px;border-radius:50%;background:linear-gradient(145deg,silver,gray);box-shadow:0 4px 8px #0000004d,inset 0 2px 4px #ffffff4d;position:relative;cursor:pointer}.volume-indicator{position:absolute;top:8px;left:50%;width:4px;height:20px;background:#333;border-radius:2px;transform-origin:center 22px;transform:translate(-50%)}.visualizer{display:flex;justify-content:center;align-items:end;gap:2px;height:60px;padding:1rem;background:#1a1a1a;border-radius:10px;border:2px solid #333;margin-bottom:2rem}.visualizer-bar{width:6px;background:linear-gradient(to top,#ff6b35,#f7931e,#ffeb3b);border-radius:3px 3px 0 0;transition:height .1s ease;min-height:2px}.station-browser{background:#2a2a2a;border-radius:10px;padding:1.5rem;border:2px solid #444;max-height:300px;overflow-y:auto}.genre-filters{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.genre-button{padding:.5rem 1rem;background:#444;color:#fff;border:none;border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:.8rem}.genre-button:hover,.genre-button.active{background:#0f8;color:#1a1a1a;transform:translateY(-1px)}.station-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.station-item{background:#333;padding:1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.station-item:hover{background:#404040;transform:translateY(-2px)}.station-item.active{border-color:#0f8;background:#2a4a3a}.station-item h3{color:#fff;font-size:.9rem;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.station-item p{color:#aaa;font-size:.8rem;margin:0}.loading{animation:pulse 1.5s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.6}to{opacity:1}}@media (max-width: 768px){.radio-container{padding:1rem}.radio-chassis{padding:2rem 1rem}.radio-controls{gap:1rem}.radio-button{width:60px;height:60px;font-size:1.2rem}.station-list{grid-template-columns:1fr}}html[data-theme=dark] .radio-chassis{background:linear-gradient(145deg,#4a2c17,#3a1f0f)}html[data-theme=dark] .radio-display{background:#0a0a0a;border-color:#222}html[data-theme=dark] .station-browser{background:#1a1a1a;border-color:#333}