:root{--bg:#0b1011;--panel:#131a1b;--panel-2:#1c2526;--ink:#e7edec;--ink-soft:#9dabab;--ink-faint:#6c7a7b;--rule:#253030;--accent:#4ac7cc;--accent-ink:#06282a;--danger:#e1785f;--ok:#63b481}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:-apple-system,SF Pro Text,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}main{max-width:620px;margin:0 auto;padding:24px 18px 96px}header.top{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:4px}header.top h1{font-size:1.5rem;margin:0;letter-spacing:-.02em}header.top a{color:var(--ink-faint);font-size:.8rem;text-decoration:none}header.top a:hover{color:var(--accent)}.sub{color:var(--ink-soft);font-size:.9rem;margin:0 0 24px}.card{background:var(--panel);border:1px solid var(--rule);border-radius:10px;padding:16px;margin-bottom:16px}.card h2{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 12px;font-weight:600}input[type=search],input[type=text]{width:100%;padding:13px 14px;font-size:16px;background:var(--panel-2);color:var(--ink);border:1px solid var(--rule);border-radius:8px;outline:none}input:focus{border-color:var(--accent)}input::placeholder{color:var(--ink-faint)}button{font:inherit;font-weight:600;cursor:pointer;border-radius:8px;border:1px solid var(--rule);background:var(--panel-2);color:var(--ink);padding:12px 16px;transition:filter .15s}button:hover:not(:disabled){filter:brightness(1.25)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}button.ghost{background:transparent;color:var(--ink-soft)}button.block{width:100%}ul.list{list-style:none;margin:0;padding:0}ul.list li{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--rule)}ul.list li:last-child{border-bottom:none}ul.list img{width:44px;height:44px;border-radius:4px;object-fit:cover;flex-shrink:0;background:var(--panel-2)}.rowtext{min-width:0;flex:1 1}.rowtext .t{font-weight:600;font-size:.93rem}.rowtext .a,.rowtext .t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rowtext .a{color:var(--ink-soft);font-size:.82rem}.rowtext .by{color:var(--ink-faint);font-size:.74rem}.rowtext .waiting{display:inline-block;margin-left:8px;padding:1px 6px;border-radius:3px;background:#2c2314;color:#e6c07b;font-size:.66rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;vertical-align:1px}ul.list button{padding:8px 14px;flex-shrink:0}.banner{border-radius:8px;padding:12px 14px;font-size:.88rem;margin-bottom:16px;border:1px solid}.banner.warn{background:#2c2314;border-color:#7a5a1e;color:#e6c07b}.banner.err{background:#331c18;border-color:#7d3a2c;color:var(--danger)}.banner.ok{background:#12291c;border-color:#2f5c40;color:var(--ok)}.empty{color:var(--ink-faint);font-size:.88rem;text-align:center;padding:22px 0}.nowplaying{display:flex;gap:14px;align-items:center}.nowplaying img{width:60px;height:60px;border-radius:6px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.dot.on{background:var(--ok)}.dot.off{background:var(--danger)}.spin{font-size:.85rem;padding:14px 0}.footnote,.spin{color:var(--ink-faint);text-align:center}.footnote{font-size:.76rem;margin:12px 0 0}