:root{--bg:#121212;--surface:#1e1e1e;--surface-2:#2a2a2a;--text:#f5f5f5;--muted:#a7a7a7;--accent:#1db954;--accent-text:#000;--warn:#f5a623;--error:#ff5f5f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:inherit}.app{flex-direction:column;max-width:720px;min-height:100vh;margin:0 auto;padding:16px;display:flex}main{flex:1}.header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.header h1{margin:0;font-size:1.5rem}.muted{color:var(--muted)}.small{font-size:.8rem}.center{text-align:center}.error{color:var(--error)}.btn{font:inherit;cursor:pointer;white-space:nowrap;border:0;border-radius:999px;padding:10px 18px;font-weight:600;text-decoration:none;display:inline-block}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-ghost{color:var(--text);border:1px solid var(--surface-2);background:0 0}.btn-done{background:var(--surface-2);color:var(--accent)}.btn-small{padding:6px 12px;font-size:.85rem}.login{text-align:center;justify-items:center;gap:16px;padding:64px 0;display:grid}.banner{background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:10px 14px;font-size:.9rem;display:flex}.banner-warning{border-left:4px solid var(--warn)}.search{gap:8px;margin-bottom:16px;display:flex}.search input{border:1px solid var(--surface-2);background:var(--surface);min-width:0;color:var(--text);font:inherit;border-radius:999px;flex:1;padding:10px 14px}.results{gap:8px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border-radius:8px;align-items:center;gap:12px;padding:8px;display:flex}.art img,.art-empty{object-fit:cover;border-radius:4px;width:64px;height:64px;display:block}.art-empty{background:var(--surface-2)}.meta{flex:1;gap:2px;min-width:0;display:grid}.meta .title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-decoration:none;overflow:hidden}.meta .title:hover,.artists a:hover,.open:hover{text-decoration:underline}.artists{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.artists a{text-decoration:none}.open{color:var(--muted);text-decoration:none}.explicit{background:var(--muted);color:var(--bg);vertical-align:middle;border-radius:2px;margin-left:6px;padding:0 4px;font-size:.65rem;display:inline-block}.footer{text-align:center;color:var(--muted);margin-top:32px;font-size:.8rem}.toasts{pointer-events:none;justify-items:center;gap:8px;display:grid;position:fixed;bottom:16px;left:16px;right:16px}.toast{background:var(--surface-2);pointer-events:auto;border-radius:8px;max-width:480px;padding:10px 16px;box-shadow:0 4px 16px #0006}.toast-success{border-left:4px solid var(--accent)}.toast-warning{border-left:4px solid var(--warn)}.toast-error{border-left:4px solid var(--error)}@media (width<=480px){.card{flex-wrap:wrap}.card .btn{width:100%}}