:root{--bg: #05040a;--surface: #0d0b16;--pink: #ff2fa0;--cyan: #22d3ff;--purple: #8b5cf6;--text: #f5f3ff;--text-dim: #9a93b3}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{max-width:720px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:20px}.brand-mark{font-size:22px;font-weight:700;letter-spacing:.04em;background:linear-gradient(90deg,var(--pink),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.banner{border:1px solid #241f33;background:var(--surface);border-radius:12px;padding:12px 16px;font-size:14px;color:var(--text-dim)}.channel-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #2a2438;background:var(--surface);color:var(--text-dim);padding:8px 16px;border-radius:999px;font-size:14px;cursor:pointer}.chip-active{border-color:var(--cyan);color:var(--cyan)}.track-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.track-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:12px;border:1px solid #201b2c;background:var(--surface);transition:border-color .3s,background .3s}.track-highlighted{border-color:var(--pink);background:#1a0f1c}.play-btn{width:40px;height:40px;border-radius:50%;border:1px solid #2a2438;background:transparent;color:var(--text);cursor:pointer;flex-shrink:0}.play-btn-active{border-color:var(--cyan);color:var(--cyan)}.track-meta{flex:1;min-width:0}.track-title{font-size:15px;font-weight:600}.track-artist{font-size:13px;color:var(--text-dim)}.track-progress{margin-top:8px;display:flex;flex-direction:column;gap:4px}.track-progress-track{height:3px;border-radius:999px;background:#241f33;overflow:hidden}.track-progress-fill{height:100%;background:linear-gradient(90deg,var(--pink),var(--cyan));transition:width .2s linear}.track-progress-time{display:flex;justify-content:space-between;font-size:11px;color:var(--text-dim)}.origin-badge{flex-shrink:0;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;border:1px solid transparent}.origin-venue{color:var(--cyan);border-color:var(--cyan)}.origin-artist{color:var(--pink);border-color:var(--pink)}.track-empty{color:var(--text-dim);font-size:14px;padding:20px 0}