:root{--bg:#131009;--panel:#1d1710;--panel-2:#241c13;--line:#33291c;--amber:#e39a3b;--amber-dim:#9c6f2e;--cream:#efe4ce;--muted:#9b8a6f;--onair:#d14b3c;--serif:"Noto Serif TC","Songti TC","PMingLiU",serif;--sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif}*{margin:0;padding:0;box-sizing:border-box}body,html{background:radial-gradient(1200px 500px at 50% -10%,rgba(227,154,59,.07),transparent 60%),var(--bg);color:var(--cream);font-family:var(--sans);font-size:15px;line-height:1.7;min-height:100vh}.station{max-width:960px;margin:0 auto;padding:0 14px 40px}header{padding:18px 2px 10px;border-bottom:1px solid var(--line)}.topline{display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{font-family:var(--serif);font-weight:600;font-size:19px;letter-spacing:.14em}.brand small{display:block;font-family:var(--sans);font-weight:400;letter-spacing:.28em;margin-top:2px}.brand small,.onair{font-size:11px;color:var(--muted)}.onair{display:flex;align-items:center;gap:7px;letter-spacing:.22em;white-space:nowrap}.lamp{width:9px;height:9px;border-radius:50%;background:var(--onair);box-shadow:0 0 8px 2px rgba(209,75,60,.55);animation:lamp 2.6s ease-in-out infinite}@keyframes lamp{0%,to{opacity:1}50%{opacity:.45}}.dial{position:relative;height:44px;margin-top:14px;overflow:hidden}.ticks{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:space-between;padding:0 2px}.tick{width:1px;background:var(--line);height:12px;position:relative}.tick.major{height:22px;background:var(--amber-dim)}.tick.major i{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);font-style:normal;font-size:10px;letter-spacing:.08em;color:var(--muted);font-family:var(--sans)}.needle{bottom:0;width:2px;height:34px;background:var(--amber);box-shadow:0 0 10px 1px rgba(227,154,59,.7);animation:sway 9s ease-in-out infinite}.freq,.needle{position:absolute;left:52%}.freq{bottom:2px;transform:translateX(10px);font-size:11px;letter-spacing:.14em;color:var(--amber)}@keyframes sway{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}main{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px;margin-top:18px}@media (min-width:880px){main{grid-template-columns:1.05fr .95fr;align-items:start}}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px}.video{position:relative;aspect-ratio:16/9;background:radial-gradient(60% 90% at 50% 40%,#2a2115,#171208 75%);border-radius:10px 10px 0 0;overflow:hidden;display:flex;align-items:center;justify-content:center}.video .yt-host,.video .yt-host iframe{position:absolute;inset:0;width:100%;height:100%}.video .yt-host iframe{border:0}.video .hint{color:var(--muted);font-size:12px;letter-spacing:.12em}.np{padding:14px 16px 16px}.np .label{font-size:10.5px;letter-spacing:.3em;color:var(--muted)}.np h2{font-family:var(--serif);font-size:19px;font-weight:600;margin-top:4px}.np .artist{color:var(--muted);font-size:13.5px}.meter{align-items:center;gap:12px;margin-top:12px}.eq,.meter{display:flex}.eq{align-items:flex-end;gap:3px;height:16px}.eq span{width:3px;background:var(--amber);border-radius:1px;height:5px;animation:eq 1.1s ease-in-out infinite}.eq span:nth-child(2){animation-delay:.15s}.eq span:nth-child(3){animation-delay:.3s}.eq span:nth-child(4){animation-delay:.45s}.eq span:nth-child(5){animation-delay:.6s}@keyframes eq{0%,to{height:5px}50%{height:16px}}.bar{flex:1 1;height:3px;background:var(--line);position:relative;overflow:hidden}.bar,.bar i{border-radius:2px}.bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--amber-dim);transition:width .4s linear}.time{font-size:11px;color:var(--muted);letter-spacing:.08em;white-space:nowrap}.controls{display:flex;gap:9px;margin-top:14px}.controls button{background:var(--amber);color:#1b1305;border:none;border-radius:8px;padding:9px 16px;font-size:14px;font-weight:700;font-family:var(--sans);cursor:pointer}.controls button.secondary{background:transparent;color:var(--amber);border:1px solid var(--amber-dim)}.controls button:disabled{opacity:.4;cursor:not-allowed}.controls button:focus-visible{outline:2px solid var(--cream);outline-offset:2px}.status{margin-top:10px;font-size:12.5px;color:var(--onair);letter-spacing:.02em}.dev{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dev-label{font-size:10.5px;letter-spacing:.2em;color:var(--muted)}.dev button{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:6px 10px;font-size:12px;font-family:var(--sans);cursor:pointer}.dev button:hover{color:var(--cream);border-color:var(--amber-dim)}.queue{margin-top:16px;padding:14px 16px}.queue .label{font-size:10.5px;letter-spacing:.3em;color:var(--muted)}.queue ul{list-style:none;margin-top:8px}.queue li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line)}.queue li:last-child{border-bottom:none}.queue .song{font-size:14px}.queue .who{color:var(--muted);font-size:12.5px;white-space:nowrap}.queue-empty{margin-top:8px;color:var(--muted);font-size:13px}.queue .searching{letter-spacing:.08em;color:var(--amber-dim);animation:lamp 1.6s ease-in-out infinite}.chat{display:flex;flex-direction:column;min-height:430px}.chat-head{gap:9px;padding:13px 16px;border-bottom:1px solid var(--line)}.avatar,.chat-head{display:flex;align-items:center}.avatar{width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#4a3820,#211808);border:1px solid var(--amber-dim);justify-content:center;font-family:var(--serif);color:var(--amber);font-size:15px}.chat-head .who{font-size:13.5px}.chat-head .state{font-size:11px;color:var(--muted);letter-spacing:.1em}.log{flex:1 1;padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;max-height:60vh}.msg{max-width:86%;padding:10px 14px;border-radius:12px;font-size:14.5px;white-space:pre-wrap}.msg.dj{align-self:flex-start;background:var(--panel-2);border-left:2px solid var(--amber);font-family:var(--serif);border-radius:4px 12px 12px 12px}.msg.me{align-self:flex-end;background:#2a2418;color:#d8ccb4;border-radius:12px 4px 12px 12px}.inputrow{display:flex;gap:9px;padding:13px 14px;border-top:1px solid var(--line)}.inputrow input{flex:1 1;min-width:0;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;color:var(--cream);padding:11px 13px;font-size:14.5px;font-family:var(--sans)}.inputrow input::placeholder{color:#6e6350}.inputrow input:focus{outline:2px solid var(--amber-dim);outline-offset:1px}.inputrow button{background:var(--amber);color:#1b1305;border:none;border-radius:8px;padding:0 20px;font-size:14.5px;font-weight:700;font-family:var(--sans);cursor:pointer;white-space:nowrap}.inputrow button:focus-visible{outline:2px solid var(--cream);outline-offset:2px}.inputrow button:disabled{opacity:.45;cursor:not-allowed}.inputrow input:disabled{opacity:.6}.msg.typing{display:flex;gap:5px;align-items:center;min-height:20px}.msg.typing span{width:6px;height:6px;border-radius:50%;background:var(--amber-dim);animation:blink 1.2s ease-in-out infinite}.msg.typing span:nth-child(2){animation-delay:.2s}.msg.typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}footer{margin-top:22px;text-align:center;font-size:11px;color:#6e6350;letter-spacing:.12em}@media (prefers-reduced-motion:reduce){.bar i,.eq span,.lamp,.msg.typing span,.needle,.queue .searching{animation:none;transition:none}}