:root{--bg:#121212;--panel:#1c1c1c;--line:#2e2e2e;--text:#f2f2f2;--muted:#9a9a9a;--accent:#1db954;--danger:#e5484d}@media (prefers-color-scheme:light){:root{--bg:#f6f6f6;--panel:#fff;--line:#dcdcdc;--text:#151515;--muted:#666;--accent:#138a3e}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}main{max-width:760px;margin:0 auto;padding:24px 16px 64px}header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}h1{margin:0;font-size:1.4rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;padding:16px}.tabs{gap:8px;margin-bottom:16px;display:flex}.tab{flex:1}input[type=text],input[type=search]{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--text);font:inherit;border-radius:8px;padding:10px 12px}button,.btn{border:1px solid var(--line);background:var(--panel);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;padding:9px 16px;text-decoration:none;display:inline-block}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.active{border-color:var(--accent);color:var(--accent)}.row{align-items:center;gap:8px;display:flex}.list{margin:12px 0 0;padding:0;list-style:none}.list li{border-top:1px solid var(--line);align-items:center;gap:12px;padding:8px 0;display:flex}.list li:first-child{border-top:0}.grow{flex:1;min-width:0}.muted{color:var(--muted);font-size:.875rem}.thumb{object-fit:cover;background:var(--line);border-radius:6px;flex:none;width:40px;height:40px}.chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chip{border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:4px 6px 4px 12px;display:inline-flex}.chip button{color:var(--muted);background:0 0;border:0;padding:0 6px}.error{color:var(--danger)}.bar{background:var(--line);border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.bar>div{background:var(--accent);height:100%;transition:width .3s}label.check{cursor:pointer;align-items:center;gap:8px;display:flex}
