@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--font-sans:"Manrope", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace}
:root{--ink-strong:#11181f;--ink:#16170f;--ink-muted:#6b6b63;--ink-faint:#9a9a92;--ink-faint-2:#b5b5ad;--canvas:#e7e7e3;--bg:#f6f6f4;--bg-alt:#edede9;--surface-card:#fff;--surface-warm:#f4f2ec;--surface-sunk:#f0f0ec;--line:#14140f0d;--line-strong:#14140f1a;--line-onlight:#14140f0f;--accent:#2a6fdb;--accent-weak:#eaf1fd;--accent-ink:#1c4f9e;--accent-shadow:#2a6fdb54;--positive:#1f8a5b;--positive-weak:#e8f4ee;--positive-bright:#5fd3a0;--negative:#cf3f53;--negative-weak:#fceaec;--warning:#b07a25;--warning-weak:#fbf1e3;--tint-blue-bg:#eaf1fd;--tint-blue-fg:#2a6fdb;--tint-green-bg:#e8f4ee;--tint-green-fg:#1f8a5b;--tint-amber-bg:#fbf1e3;--tint-amber-fg:#b07a25;--tint-violet-bg:#efeafe;--tint-violet-fg:#6b4fd1;--tint-rose-bg:#fceaec;--tint-rose-fg:#cf3f53;--tint-teal-bg:#e6f3f3;--tint-teal-fg:#1f8a86;--tint-slate-bg:#eef0f3;--tint-slate-fg:#5b6472}
:root{--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--type-figure-xl-size:44px;--type-figure-xl-tracking:-.03em;--type-figure-size:32px;--type-figure-tracking:-.03em;--type-display-size:34px;--type-display-tracking:-.02em;--type-title-size:23px;--type-title-tracking:-.02em;--type-amount-size:17px;--type-amount-tracking:-.01em;--type-h-size:16px;--type-body-size:14.5px;--type-body-sm-size:13px;--type-label-size:12px;--type-meta-size:10.5px;--type-meta-tracking:.08em;--type-eyebrow-size:12px;--type-eyebrow-tracking:.16em;--type-caption-mono-size:11px;--type-caption-mono-tracking:.06em;--leading-tight:1.05;--leading-snug:1.2;--leading-normal:1.5}
:root{--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-11:11px;--space-14:14px;--space-16:16px;--space-18:18px;--space-20:20px;--space-24:24px;--space-32:32px;--gutter-screen:18px;--gutter-tabbar:110px;--tap-min:44px}
:root{--radius-pill:999px;--radius-card-lg:28px;--radius-card:26px;--radius-card-sm:22px;--radius-control:18px;--radius-tile:18px;--radius-icon:13px;--radius-icon-sm:11px;--radius-chip:13px;--radius-screen:45px;--radius-device:56px}
:root{--shadow-card:0 1px 2px #14140f0a, 0 8px 22px #14140f0a;--shadow-card-soft:0 1px 2px #14140f0a, 0 6px 18px #14140f09;--shadow-pop:0 1px 2px #14140f0a, 0 10px 26px #14140f0d;--shadow-dark:0 10px 26px #11181f2e;--shadow-accent:0 10px 22px #2a6fdb54;--shadow-fab:0 10px 24px #2a6fdb54;--shadow-tabbar:0 8px 26px #14140f1a;--shadow-icon:0 8px 18px #14140f24;--blur-glass:blur(18px)}
:root[data-theme=dark],[data-theme=dark]{--ink-strong:#0c0f13;--ink:#f3f3ef;--ink-muted:#9aa0a8;--ink-faint:#6f757d;--ink-faint-2:#565c64;--canvas:#0c0f13;--bg:#14181d;--bg-alt:#181d23;--surface-card:#1b2128;--surface-warm:#20262e;--surface-sunk:#242b33;--line:#ffffff0f;--line-strong:#ffffff24;--line-onlight:#ffffff17;--accent:#4f8bef;--accent-weak:#18283f;--accent-ink:#8fb6ff;--accent-shadow:#00000080;--positive:#46c08a;--positive-weak:#14271f;--positive-bright:#5fd3a0;--negative:#e06173;--negative-weak:#2c1a1e;--warning:#d8a24e;--warning-weak:#2a2316;--tint-blue-bg:#17263b;--tint-blue-fg:#6ea0f0;--tint-green-bg:#15271f;--tint-green-fg:#54c08c;--tint-amber-bg:#2a2316;--tint-amber-fg:#d8a24e;--tint-violet-bg:#221f33;--tint-violet-fg:#9a86e8;--tint-rose-bg:#2a1a1e;--tint-rose-fg:#e3788a;--tint-teal-bg:#122726;--tint-teal-fg:#46b3a8;--tint-slate-bg:#20262e;--tint-slate-fg:#9aa6b4;--shadow-card:0 1px 2px #0006, 0 10px 26px #00000059;--shadow-card-soft:0 1px 2px #0006, 0 6px 18px #0000004d;--shadow-pop:0 1px 2px #0006, 0 12px 30px #0006;--shadow-dark:0 10px 26px #00000073;--shadow-icon:0 8px 18px #00000080;--shadow-tabbar:0 8px 26px #00000080}

:root{--tabbar-bg:#ffffffdb}[data-theme=dark]{--tabbar-bg:#1b2128d1}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%}body{background:var(--bg);min-height:100%;color:var(--ink);font-family:var(--font-sans);font-weight:600;font-size:var(--type-body-size);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-image:radial-gradient(120% 60% at 50% -10%,#2a6fdb0a,#0000 60%);background-attachment:fixed;margin:0}button{font-family:inherit}a{color:inherit;text-decoration:none}input{font-family:inherit}.app-main::-webkit-scrollbar{display:none}.app-main{width:100%;max-width:460px;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 14px) 18px calc(env(safe-area-inset-bottom) + 104px) 18px;margin:0 auto;position:relative}.screen-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.eyebrow{font-family:var(--font-mono);font-size:var(--type-meta-size);letter-spacing:var(--type-meta-tracking);text-transform:uppercase;color:var(--ink-faint)}.screen-title{font-size:var(--type-title-size);letter-spacing:var(--type-title-tracking);margin:2px 0 0;font-weight:800}.section-title{font-size:var(--type-h-size);letter-spacing:-.01em;margin:26px 0 12px;font-weight:800}.section-title:first-of-type{margin-top:22px}.stack{flex-direction:column;display:flex}.stack-12>*+*{margin-top:12px}.stack-10>*+*{margin-top:10px}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.muted{color:var(--ink-muted)}.faint{color:var(--ink-faint)}.row-between{justify-content:space-between;align-items:center;display:flex}.h-scroll{scrollbar-width:none;gap:8px;margin:0 -18px;padding:2px 18px;display:flex;overflow-x:auto}.h-scroll::-webkit-scrollbar{display:none}.tabbar{left:50%;bottom:calc(env(safe-area-inset-bottom) + 14px);background:var(--tabbar-bg);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line);width:min(424px,100% - 28px);height:64px;box-shadow:var(--shadow-tabbar);z-index:50;border-radius:26px;justify-content:space-around;align-items:center;display:flex;position:fixed;transform:translate(-50%)}.tab{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 0;font-size:10px;font-weight:700;display:flex}.tab[data-active=true]{color:var(--ink)}.fab{background:var(--accent);color:#fff;width:56px;height:56px;box-shadow:var(--shadow-fab);cursor:pointer;border:none;border-radius:20px;flex:none;justify-content:center;align-items:center;margin-top:-22px;display:flex}.fab:active{transform:translateY(1px)}.screen-enter{animation:.25s both rise}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.screen-enter{animation:none}}