:root,:root[data-theme=dark]{color-scheme:dark;--bg: #0a0b0d;--surface: #121417;--surface-2: #1b1e24;--line: #23272e;--text: #ece8df;--muted: #9a9588;--accent: #d4b16a;--on-accent: #17130a;--gain: #7cc4d6;--loss: #e88b5a;--kept: #7a6638;--shadow: inset 0 1px 0 rgba(255, 255, 255, .05);--brand-style: italic;--brand-weight: 400;--brand-color: #d4b16a}:root[data-theme=light]{color-scheme:light;--bg: #f4f1e9;--surface: #fffdf8;--surface-2: #ece8dc;--line: #e4dfd2;--text: #1b1f2a;--muted: #5b6270;--accent: #2f3fbf;--on-accent: #ffffff;--gain: #2f3fbf;--loss: #c25a12;--kept: #8c97e8;--shadow: 0 1px 2px rgba(40, 34, 20, .05), 0 8px 24px rgba(40, 34, 20, .04);--brand-style: normal;--brand-weight: 600;--brand-color: #1b1f2a}:root{--font-display: "Newsreader", Georgia, serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius: 16px;--radius-pill: 22px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font:400 15px/1.5 var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(12px + env(safe-area-inset-top)) clamp(16px,4vw,40px) 12px;background:var(--bg);border-bottom:1px solid var(--line)}.topbar-left{display:flex;align-items:baseline;gap:28px;min-width:0}.brand{font-family:var(--font-display);font-size:24px;font-style:var(--brand-style);font-weight:var(--brand-weight);color:var(--brand-color)}.nav{display:none;gap:22px;color:var(--muted)}.nav a[aria-current=page]{color:var(--text);font-weight:700}.actions{display:flex;gap:10px;align-items:center}.btn{min-height:44px;padding:0 18px;border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--surface);cursor:pointer}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:transparent;font-weight:700}.hide-small{display:none}main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:24px clamp(16px,4vw,40px) calc(96px + env(safe-area-inset-bottom))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.label{color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin:0}.display{font-family:var(--font-display);font-weight:400;line-height:1.1;margin:8px 0 0;font-size:clamp(32px,6vw,48px)}.muted{color:var(--muted);max-width:60ch}.mono{font-family:var(--font-mono)}.tabbar{position:fixed;inset:auto 0 0 0;display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbar a{min-height:56px;display:grid;place-items:center;color:var(--muted);font-size:12px}.tabbar a[aria-current=page]{color:var(--accent);font-weight:700}@media(min-width:640px){.hide-small{display:inline-flex;align-items:center}}@media(min-width:900px){.nav{display:flex}.tabbar{display:none}main{padding-bottom:48px}}