:root{--bg:#f6f5f2;--surface:#fff;--text:#1d1c1a;--muted:#6b6862;--border:#e3e0da;--accent:#7a4b1f;--accent-text:#fff;--danger:#b42318;--common:#6b6862;--uncommon:#5f7d8c;--rare:#b08a2e;--mythic:#c2410c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--bg:#141311;--surface:#1e1d1a;--text:#ecebe8;--muted:#a19d95;--border:#34322e;--accent:#d39a5c;--accent-text:#141311;--danger:#f97066;--common:#a19d95;--uncommon:#8fb3c4;--rare:#d9b45a;--mythic:#f0814a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1{letter-spacing:.01em;margin:0;font-size:1.15rem}a{color:inherit}button{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:6px 12px}button:hover:not(:disabled){border-color:var(--muted)}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}input,select{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger)}.center{text-align:center;margin-top:20vh}.signin{place-items:center;min-height:100vh;padding:16px;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;gap:14px;width:min(380px,100%);padding:28px;display:grid}.panel label{gap:6px;font-size:.9rem;display:grid}.panel p{margin:0}.topbar{z-index:1;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;position:sticky;top:0}.user{align-items:center;gap:12px;min-width:0;display:flex}.user span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.content{max-width:980px;margin:0 auto;padding:16px}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:14px;display:flex;overflow-x:auto}.tab{color:var(--muted);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:8px 12px}.tab.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.filters{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:8px;display:flex}.filters label{color:var(--muted);gap:4px;font-size:.85rem;display:grid}.sort{margin-left:auto}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{text-transform:capitalize;border-radius:999px;padding:5px 12px;font-size:.9rem}.chip.active{background:var(--text);color:var(--bg);border-color:var(--text)}.summary{margin:10px 0;font-size:.85rem}.cards{gap:8px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.card-info{align-items:flex-start;gap:10px;min-width:0;display:flex}.card-name{font-weight:600;text-decoration:none}.card-name:hover{text-decoration:underline}.rarity-dot{background:var(--common);border-radius:50%;flex:none;width:10px;height:10px;margin-top:6px}.rarity-dot.uncommon{background:var(--uncommon)}.rarity-dot.rare{background:var(--rare)}.rarity-dot.mythic{background:var(--mythic)}.counters{flex:none;gap:14px;display:flex}.counter{justify-items:center;gap:2px;display:grid}.counter.unavailable{opacity:.35}.counter-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem}.stepper{align-items:center;gap:4px;display:flex}.stepper button{border-radius:6px;width:28px;height:28px;padding:0;line-height:1}.count{text-align:center;font-variant-numeric:tabular-nums;min-width:22px;color:var(--muted)}.count.owned{color:var(--text);font-weight:700}@media (width<=640px){.sort{margin-left:0}.card{flex-direction:column;align-items:stretch}.counters{justify-content:space-between}}