:root{--bg-color: #3d352a;--radio-casing-start: #c5a68d;--radio-casing-end: #a7886e;--shadow-dark: #2a241e;--shadow-light: #504636;--text-color: #2c251d;--display-bg: #2a2a2a;--display-text-color: #00ff7f;--control-panel-bg: rgba(0, 0, 0, .1)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px}#radio-container{width:100%;max-width:420px;background:linear-gradient(145deg,var(--radio-casing-start),var(--radio-casing-end));border-radius:20px;box-shadow:10px 10px 20px var(--shadow-dark),-10px -10px 20px var(--shadow-light);padding:25px;border:3px solid var(--shadow-light);display:flex;flex-direction:column}header h1{font-family:Orbitron,sans-serif;text-align:center;color:var(--text-color);text-shadow:1px 1px 2px #fff6;margin:0 0 20px;font-size:1.8rem}#display{background:var(--display-bg);color:var(--display-text-color);font-family:Share Tech Mono,monospace;padding:15px;border-radius:5px;text-align:center;margin-bottom:20px;box-shadow:inset 0 0 10px #000;text-shadow:0 0 5px var(--display-text-color),0 0 10px var(--display-text-color);min-height:50px;display:flex;justify-content:center;align-items:center;font-size:1.1rem;line-height:1.4}#audio-player{width:100%;margin-bottom:20px}#controls{background:var(--control-panel-bg);padding:15px;border-radius:10px;margin-bottom:20px}.control-group{display:flex;gap:10px;margin-bottom:20px}#country-search-container{position:relative;flex-grow:1}#country-search{width:100%;padding:12px;border-radius:5px;border:1px solid var(--shadow-light);background-color:#e3c9b4;color:var(--text-color);font-size:1rem}#country-search:disabled{background-color:#bca99a;cursor:not-allowed}#favorites-btn{padding:12px 15px;border-radius:5px;border:1px solid var(--shadow-light);background-color:#e3c9b4;color:var(--text-color);font-size:1rem;cursor:pointer;transition:background-color .2s}#favorites-btn:hover{background-color:#d3b9a4}#favorites-btn.active{background-color:var(--display-text-color);color:var(--display-bg);border-color:var(--display-text-color);text-shadow:0 0 2px var(--display-bg)}#country-list{display:none;position:absolute;top:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--display-bg);border:1px solid var(--shadow-light);border-top:none;border-radius:0 0 5px 5px;list-style:none;padding:0;margin:0;z-index:10;box-shadow:0 4px 8px #0000004d}#country-list.visible{display:block}#country-list li{padding:10px 15px;color:#eee;cursor:pointer;border-bottom:1px solid #444}#country-list li:last-child{border-bottom:none}#country-list li:hover,#country-list li:focus{background:#444;outline:none}#knobs{display:flex;justify-content:space-around;align-items:center}.knob{width:60px;height:60px;background:linear-gradient(145deg,#555,#222);border-radius:50%;border:3px solid #111;box-shadow:3px 3px 5px #111,-3px -3px 5px #666;position:relative}.knob:after{content:"";position:absolute;width:4px;height:20px;background:#999;top:8px;left:50%;transform:translate(-50%);border-radius:2px}#station-list-container{max-height:250px;overflow-y:auto;background:var(--display-bg);border-radius:5px;padding:5px;box-shadow:inset 0 0 10px #000;-webkit-overflow-scrolling:touch}#station-list{list-style:none;padding:0;margin:0}#station-list li{padding:12px 15px;color:#eee;cursor:pointer;border-bottom:1px solid #444;transition:background .2s,color .2s;display:flex;justify-content:space-between;align-items:center}#station-list li:last-child{border-bottom:none}.station-info{display:flex;flex-direction:column}.station-name{font-weight:700}.station-genre{font-size:.9em;color:#aaa}.favorite-btn{background:none;border:none;color:#aaa;font-size:1.5rem;cursor:pointer;padding:5px;transition:color .2s}.favorite-btn:hover{color:#fff}.favorite-btn.favorited{color:var(--display-text-color);text-shadow:0 0 5px var(--display-text-color)}#station-list li:hover,#station-list li:focus{background:#444;outline:none}#station-list li.playing{background:var(--display-text-color);color:#111;text-shadow:none}#station-list li.playing .station-genre{color:#333}#station-list li.playing .favorite-btn{color:#111}#station-list li.playing .favorite-btn.favorited{color:#111;text-shadow:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}