*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;user-select:none}:root{--ink:#090615;--purple:#8b5cf6;--cyan:#35f2d0;--pink:#ff4fa3;--cream:#fff7d6}html,body{width:240px;height:282px;overflow:hidden;background:var(--ink)}body{color:var(--cream);font-family:"Courier New",monospace;font-weight:700}#app{width:240px;height:282px;padding:10px;display:flex;flex-direction:column;gap:7px;background:radial-gradient(circle at 85% 8%,#2c1750 0,transparent 35%),linear-gradient(180deg,#0b0718,#090615);position:relative}#app:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0 2px,#000 3px)}header,footer,.station-row,.now-playing{display:flex;align-items:center;justify-content:space-between}header{height:19px;font-size:10px;letter-spacing:1px;color:var(--cyan);border-bottom:2px solid #302653;padding-bottom:5px}.brand{display:flex;align-items:center;gap:6px}.live-dot{width:7px;height:7px;background:var(--pink);box-shadow:0 0 7px var(--pink)}#clock{color:#aaa1c8}.tuner{height:190px;border:2px solid var(--purple);background:linear-gradient(135deg,rgba(31,22,59,.96),rgba(13,10,30,.96));padding:10px;box-shadow:4px 4px 0 #3d216d;outline:none;position:relative;z-index:1}.station-row{font-size:9px;color:var(--cyan);letter-spacing:1px}#signal{color:var(--pink)}h1{font-size:19px;line-height:22px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:2px 2px 0 #44237a}#station-genre{font-size:8px;color:#aaa1c8;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.visualizer{height:52px;margin:10px 0 8px;display:flex;align-items:flex-end;justify-content:center;gap:3px;border-bottom:2px solid #3c315b}.visualizer i{display:block;width:8px;height:4px;background:linear-gradient(180deg,var(--pink),var(--cyan));box-shadow:0 0 4px rgba(53,242,208,.35)}.playing .visualizer i{animation:beat .72s ease-in-out infinite alternate}.playing .visualizer i:nth-child(2n){animation-duration:.48s}.playing .visualizer i:nth-child(3n){animation-duration:.95s}.playing .visualizer i:nth-child(4n){animation-delay:-.31s}@keyframes beat{from{height:5px}to{height:43px}}.dial{display:flex;align-items:center;justify-content:center;gap:18px;color:#766b98;font-size:12px}.dial button{width:42px;height:32px;border:2px solid var(--cyan);border-radius:0;background:#16112d;color:var(--cyan);font:700 16px monospace;box-shadow:3px 3px 0 #185e58}.dial .nav-button{width:25px;height:25px;border:0;box-shadow:none;background:transparent;color:#766b98;font-size:12px}.dial button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 #185e58}.now-playing{height:25px;padding:4px 6px;border-left:3px solid var(--pink);background:#18122c;font-size:8px;gap:7px;position:relative;z-index:1}.label{color:var(--pink)}#status{color:#c9c2dc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}footer{height:12px;color:#665d81;font-size:7px;position:relative;z-index:1}audio{display:none}