:root{--bg: #f5f5f7;--surface: #ffffff;--field: #f5f5f7;--text: #1d1d1f;--muted: #6e6e73;--border: #d2d2d7;--accent: #0071e3;--accent-text: #ffffff;--accent-fill: #0071e3;--button: #e8e8ed;--segment: #ffffff;--card-border: 1px solid #e3e3e8;--danger: #d70015;--gain: #248a3d;--shadow: none;--series-vinyl: #2a78d6;--series-cards: #1baf7a;--series-books: #6250d6;--series-other: #e87ba4;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #000000;--surface: #1c1c1e;--field: #2c2c2e;--text: #f5f5f7;--muted: #86868b;--border: #38383a;--accent: #2997ff;--button: #3a3a3c;--segment: #636366;--card-border: none;--danger: #ff6961;--gain: #30d158;--shadow: none;--series-vinyl: #3987e5;--series-cards: #199e70;--series-books: #9085e9;--series-other: #d55181}}*{box-sizing:border-box}body{margin:0;font-family:Rubik,system-ui,sans-serif;letter-spacing:-.01em;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;letter-spacing:inherit;color:var(--text)}input,select{padding:.7rem 1rem;border:1px solid transparent;border-radius:12px;background:var(--field);transition:border-color .15s,box-shadow .15s}input::placeholder,select::placeholder{color:var(--muted)}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 25%,transparent)}button{padding:.65rem 1.25rem;border:none;border-radius:980px;background:var(--button);font-weight:500;cursor:pointer;transition:background .15s,opacity .15s,transform .1s}button:hover:not(:disabled){background:color-mix(in srgb,var(--button) 85%,var(--text))}button:active:not(:disabled){transform:scale(.97)}button:disabled{cursor:default;opacity:.4}button:disabled:has(.spinner){opacity:.75}button .spinner{margin-right:.45em}button.primary{background:var(--accent-fill);color:var(--accent-text)}button.primary:hover:not(:disabled){background:color-mix(in srgb,var(--accent-fill) 88%,#000)}.muted{color:var(--muted)}.error{color:var(--danger)}dialog{width:min(520px,100% - 2rem);padding:1.75rem;border:none;border-radius:24px;background:var(--surface);color:var(--text)}dialog::backdrop{background:#00000059;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.segmented{display:flex;padding:3px;border-radius:980px;background:var(--field)}.segmented button{display:flex;gap:.3rem;padding:.45rem .9rem;background:none;font-size:.85rem}.segmented button.active{background:var(--segment);box-shadow:0 1px 4px #0000001f}.spinner{display:inline-block;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;vertical-align:-.15em;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}