@import"https://fonts.googleapis.com/css2?family=VT323&family=Share+Tech+Mono&display=swap";*{box-sizing:border-box}body{margin:0;font-family:Share Tech Mono,monospace;background:#1a1410;color:#ccc;min-height:100vh;display:flex;align-items:center;justify-content:center}.radio{max-width:980px;width:95vw;background:linear-gradient(180deg,#3a3228,#2e2820 8%,#2a2418,#2e2820 92%,#3a3228);border:3px solid #4a4030;border-top-color:#5a5040;border-bottom-color:#3a3020;border-radius:10px;box-shadow:0 0 0 1px #1a1008,0 6px 24px #000c,inset 0 1px #fff0c80f;padding:20px;position:relative}.radio:before{content:"";position:absolute;top:0;left:20px;right:20px;height:3px;background:linear-gradient(90deg,#5a4030,#7a5840,#6a4830 30%,#8a6848,#6a4830 70%,#7a5840,#5a4030);border-radius:0 0 2px 2px;opacity:.6}.radio-inner{display:grid;grid-template-columns:1fr 280px;grid-template-rows:auto 1fr auto;grid-template-areas:"brand   brand" "display controls" "input   input";gap:16px;align-items:start}.brand{grid-area:brand;display:flex;align-items:center;justify-content:space-between;padding:0 4px 4px;border-bottom:1px solid #3a3020}.brand-name{font-family:VT323,monospace;font-size:1.1rem;letter-spacing:6px;text-transform:uppercase;color:#a09080;text-shadow:0 1px 0 #0a0800}.scan-indicator{display:flex;align-items:center;gap:8px;font-size:.7rem;letter-spacing:2px;text-transform:uppercase;color:#908070}.scan-lamp{width:10px;height:10px;border-radius:50%;border:1px solid #4a4030;background:radial-gradient(circle at 40% 35%,#4a4030,#2a2018);box-shadow:inset 0 1px 2px #0006;transition:all .4s}.scan-lamp.ok{background:radial-gradient(circle at 40% 35%,#ffd080,#cc8020 50%,#995510);box-shadow:inset 0 -1px 2px #0003,0 0 4px #ffb43c66,0 0 8px #ffa02826}.scan-lamp.fail{background:radial-gradient(circle at 40% 35%,#dd6040,#aa3020 50%,#882010);box-shadow:inset 0 -1px 2px #0003,0 0 4px #c83c1e4d}.scan-lamp.pending{background:radial-gradient(circle at 40% 35%,#4a4030,#2a2018)}.display-panel{grid-area:display;background:#0a0804;border:2px solid #3a3020;border-top-color:#2a2010;border-left-color:#2a2010;border-bottom-color:#4a4030;border-right-color:#4a4030;border-radius:4px;box-shadow:inset 0 2px 8px #000c,inset 0 0 20px #0006;padding:12px;display:flex;align-items:center;justify-content:center}.display-panel canvas{display:block;max-width:100%;height:auto;border-radius:2px}.control-panel{grid-area:controls;display:flex;flex-direction:column;align-items:center;gap:16px;padding:8px 0}.station-readout{width:100%;background:#0c0a04;border:2px solid #3a3020;border-top-color:#2a2010;border-left-color:#2a2010;border-bottom-color:#4a4030;border-right-color:#4a4030;border-radius:3px;padding:10px 14px;text-align:center;box-shadow:inset 0 1px 6px #000000b3}.station-name{font-family:VT323,monospace;font-size:1.8rem;color:#e0a020;text-shadow:0 0 6px rgba(220,160,30,.3);letter-spacing:3px;text-transform:uppercase;line-height:1}.station-freq{font-family:VT323,monospace;font-size:.9rem;color:#705820;letter-spacing:2px;margin-top:4px}.dial-container{display:flex;flex-direction:column;align-items:center;gap:6px}.dial-housing{width:130px;height:130px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#706050,#4a3e30 50%,#2a2218);border:3px solid;border-color:#5a5040 #4a4030 #3a3020 #4a4030;box-shadow:0 3px 12px #0009,inset 0 1px #fff0c814;display:flex;align-items:center;justify-content:center}.dial{width:104px;height:104px;border-radius:50%;background:radial-gradient(circle at 42% 38%,#504838,#3a3028 50%,#2a2418);box-shadow:inset 0 2px 6px #00000080,0 2px 8px #0006;cursor:pointer;position:relative;border:2px solid #3a3028}.dial:active{box-shadow:inset 0 3px 8px #0009,0 1px 4px #0000004d}.dial:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;border:1px solid #332e24;background:repeating-conic-gradient(from 0deg,#2e2820,#2e2820 5deg,#3a3228 5deg,#3a3228 10deg);opacity:.4}.dial-indicator{position:absolute;top:5px;left:50%;transform:translate(-50%);width:3px;height:16px;background:linear-gradient(180deg,#c0b098,#8a7a60);border-radius:1px;box-shadow:0 0 2px #b4a0784d;z-index:1}.seek-buttons{display:flex;gap:10px}.seek-btn{padding:8px 14px;border:2px solid #4a4030;border-top-color:#5a5040;border-left-color:#5a5040;border-bottom-color:#3a3020;border-right-color:#3a3020;border-radius:3px;background:linear-gradient(180deg,#3a3228,#2a2418);color:#a09080;font-family:Share Tech Mono,monospace;font-size:.7rem;letter-spacing:1px;text-transform:uppercase;cursor:pointer;box-shadow:0 2px 4px #00000080,inset 0 1px #fff0c80a;transition:all .1s;white-space:nowrap}.seek-btn:hover{background:linear-gradient(180deg,#443828,#342818);color:#e0a020;border-top-color:#6a5840;border-left-color:#6a5840}.seek-btn:active{border-top-color:#3a3020;border-left-color:#3a3020;border-bottom-color:#5a5040;border-right-color:#5a5040;box-shadow:inset 0 2px 4px #00000080;transform:translateY(1px)}.download-buttons{display:flex;gap:8px}.download-btn{padding:8px 22px;border:2px solid #4a4030;border-top-color:#5a5040;border-left-color:#5a5040;border-bottom-color:#3a3020;border-right-color:#3a3020;border-radius:3px;background:linear-gradient(180deg,#3a3228,#2a2418);color:#8a7a60;font-family:Share Tech Mono,monospace;font-size:.75rem;letter-spacing:2px;text-transform:uppercase;cursor:pointer;box-shadow:0 2px 4px #00000080,inset 0 1px #fff0c80a;transition:all .1s}.download-btn:hover{background:linear-gradient(180deg,#443828,#342818);color:#e0a020;border-top-color:#6a5840;border-left-color:#6a5840}.download-btn:active{border-top-color:#3a3020;border-left-color:#3a3020;border-bottom-color:#5a5040;border-right-color:#5a5040;box-shadow:inset 0 2px 4px #00000080;transform:translateY(1px)}.input-section{grid-area:input}.content-input{display:flex;flex-direction:column;gap:4px}.content-input label{font-size:.65rem;color:#807060;letter-spacing:2px;text-transform:uppercase}.content-input input{padding:8px 12px;border:2px solid #3a3020;border-top-color:#2a2010;border-left-color:#2a2010;border-bottom-color:#4a4030;border-right-color:#4a4030;border-radius:3px;background:#0c0a04;color:#e0a020;font-family:VT323,monospace;font-size:1.1rem;letter-spacing:1px;text-shadow:0 0 4px rgba(220,160,30,.15);box-shadow:inset 0 1px 4px #00000080}.content-input input:focus{outline:none;border-color:#6a5830;box-shadow:inset 0 1px 4px #00000080,0 0 6px #dca01e1a}.content-input input::placeholder{color:#2a2418}@media(max-width:700px){.radio-inner{grid-template-columns:1fr;grid-template-areas:"brand" "display" "controls" "input"}.radio{border-radius:8px;padding:14px}.control-panel{flex-direction:row;flex-wrap:wrap;justify-content:center}.station-readout{width:auto;min-width:200px}}