:root{--page:#f9f9f7;--surface-1:#fcfcfb;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#898781;--baseline:#c3c2b7;--border:#0b0b0b1a;--accent:#2a78d6;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--page:#0d0d0d;--surface-1:#1a1a19;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--baseline:#383835;--border:#ffffff1a;--accent:#3987e5}}*{box-sizing:border-box}body{background:var(--page);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0}.page{max-width:960px;margin:0 auto;padding:32px 24px 64px}.subtitle{color:var(--text-secondary);margin:0;font-size:.875rem}.badge{border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary);border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:.75rem;font-weight:550}.btn{border:1px solid var(--baseline);background:var(--surface-1);color:var(--text-primary);font:inherit;cursor:pointer;border-radius:8px;padding:6px 14px;font-size:.8125rem;font-weight:550}.btn:hover:not(:disabled){border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:default}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-link{all:unset;cursor:pointer;color:var(--accent);font-size:.8125rem;font-weight:550}.btn-link:hover{text-decoration:underline}.btn-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.form-error{color:#c4483e;margin:0;font-size:.8125rem}.modal-note{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.5}.auth-page{place-items:center;min-height:100vh;display:grid}.auth-card{background:var(--surface-1);border:1px solid var(--border);border-radius:12px;gap:12px;width:min(360px,100vw - 48px);padding:28px;display:grid}.auth-card h1{margin:0;font-size:1.375rem}.auth-card .subtitle{margin:0 0 4px}.auth-card label{color:var(--text-secondary);gap:4px;font-size:.8125rem;display:grid}.auth-card input{border:1px solid var(--baseline);background:var(--surface-1);color:var(--text-primary);font:inherit;border-radius:8px;padding:8px 12px;font-size:.875rem}.auth-card input:focus{outline:2px solid var(--accent);outline-offset:-1px}.lookup-total{color:var(--text-primary);margin:4px 0;font-size:1rem}.lookup-total strong{font-size:1.75rem}.lookup-breakdown{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.lookup-breakdown li{border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;justify-content:space-between;gap:12px;padding:6px 10px;font-size:.875rem;display:flex}.studio-row{align-items:center}.studio-row>span:first-child{flex:1;display:grid}.studio-row small{color:var(--text-muted);font-size:.75rem}.studio-row .btn-link{padding:0}.stack{gap:12px;display:grid}.stack .btn-link{justify-self:start}.import-steps{color:var(--text-secondary);gap:6px;margin:0;padding-left:20px;font-size:.875rem;line-height:1.5;display:grid}.import-steps .btn{margin:4px 0;text-decoration:none;display:inline-block}.import-steps kbd{border:1px solid var(--baseline);border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-family:inherit;font-size:.75rem}.auth-card textarea{border:1px solid var(--baseline);background:var(--surface-1);color:var(--text-primary);font:inherit;resize:vertical;border-radius:8px;padding:8px 12px;font-size:.8125rem}.auth-card textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.import-preview{grid-template-columns:auto 1fr;gap:6px 12px;margin:0;font-size:.875rem;display:grid}.import-preview dt{color:var(--text-muted)}.import-preview dd{color:var(--text-primary);margin:0}.leaderboard{gap:8px;display:grid}.leaderboard-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.leaderboard-list li{border:1px solid var(--border);border-radius:8px;grid-template-columns:2em 1fr auto;grid-template-areas:"rank name count""rank date count";align-items:center;column-gap:10px;padding:6px 10px;font-size:.875rem;display:grid}.leaderboard-you{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.leaderboard-rank{color:var(--text-muted);font-variant-numeric:tabular-nums;grid-area:rank}.leaderboard-name{grid-area:name;align-items:center;gap:8px;display:flex}.leaderboard-count{font-variant-numeric:tabular-nums;grid-area:count;font-size:1.125rem;font-weight:600}.leaderboard-date{color:var(--text-muted);grid-area:date;font-size:.75rem}