:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#111318;--surface:#1b1e26;--text:#f2f3f5;--muted:#9aa0ac;--accent:#5b8cff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);min-height:100dvh;margin:0}.screen{flex-direction:column;gap:1rem;max-width:480px;min-height:100dvh;margin:0 auto;padding:1.25rem;display:flex}.screen.center{text-align:center;justify-content:center;align-items:center}h1{margin:0;font-size:1.5rem}.logo{display:block}.logo-horizontal{width:auto;height:28px}.logo-stacked{width:200px;max-width:60%;height:auto}.status{color:var(--muted);min-height:1.2em;margin:.25rem 0 0}#search{background:var(--surface);color:var(--text);border:1px solid #2a2e38;border-radius:999px;padding:.75rem 1rem;font-size:1rem}#search:focus{outline:2px solid var(--accent)}.results,.queue{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}h2{color:var(--muted);margin:0 0 .5rem;font-size:1rem}.track{background:var(--surface);border-radius:12px;align-items:center;gap:.75rem;padding:.5rem;display:flex}.art,.art-placeholder{object-fit:cover;background:#2a2e38;border-radius:6px;flex-shrink:0;width:48px;height:48px}.track-info{flex:1;min-width:0}.track-title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.track-meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;overflow:hidden}.add-button{background:var(--accent);color:#fff;border:none;border-radius:999px;flex-shrink:0;padding:.5rem 1rem;font-weight:600}.add-button:disabled{color:var(--muted);background:#3a3f4c}.remove-button{color:var(--text);background:0 0;border:1px solid #3a3f4c;border-radius:999px;flex-shrink:0;padding:.5rem 1rem;font-weight:600}.remove-button:disabled{color:var(--muted);border-color:#0000}