:root{--shell-max-width:480px;--tab-bar-height:64px}.shell{max-width:var(--shell-max-width);min-height:100dvh;margin:0 auto}.screen{gap:var(--spacing-4);padding-top:calc(env(safe-area-inset-top,0px) + var(--spacing-2));padding-right:max(var(--spacing-gutter), env(safe-area-inset-right,0px));padding-left:max(var(--spacing-gutter), env(safe-area-inset-left,0px));padding-bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom,0px) + var(--spacing-4));flex-direction:column;display:flex}.screen-header{justify-content:space-between;align-items:center;gap:var(--spacing-3);min-height:var(--spacing-touch-target);display:flex}.avatar{width:var(--spacing-touch-target);height:var(--spacing-touch-target);border:1px solid var(--border);border-radius:var(--rounded-full);background:var(--surface-2);color:var(--ink-secondary);flex:none;justify-content:center;align-items:center;transition:background-color .15s;display:inline-flex}.avatar:hover{background:var(--surface-3)}.back-link{align-items:center;gap:var(--spacing-1);min-height:var(--spacing-touch-target);min-width:var(--spacing-touch-target);color:var(--brand);align-self:flex-start;text-decoration:none;display:inline-flex}.settings-list{border:1px solid var(--border);border-radius:var(--rounded-lg);background:var(--surface-1);padding:0;list-style:none}.settings-list li+li{border-top:1px solid var(--border-soft)}.settings-row{justify-content:space-between;align-items:center;gap:var(--spacing-2);min-height:var(--spacing-touch-target);padding:var(--spacing-3) var(--spacing-4);color:var(--ink-primary);text-decoration:none;display:flex}.settings-row:focus-visible{outline-offset:-2px;border-radius:var(--rounded-lg)}.settings-row svg{color:var(--ink-tertiary);flex:none}.settings-empty{color:var(--ink-secondary)}.tab-bar{z-index:10;width:100%;max-width:var(--shell-max-width);background:var(--surface-1);border-top:1px solid var(--border);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-bar ul{padding:0 var(--spacing-1);min-height:var(--tab-bar-height);justify-content:space-around;align-items:stretch;margin:0;list-style:none;display:flex}.tab-bar li{flex:1 1 0;justify-content:center;display:flex}.tab{width:100%;min-width:var(--spacing-touch-target);min-height:var(--tab-bar-height);padding:var(--spacing-1) 0;color:var(--ink-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;transition:color .15s;display:flex}.tab:focus-visible{outline-offset:-2px;border-radius:var(--rounded-md)}.tab svg{width:24px;height:24px}.tab[aria-current=page]{color:var(--brand)}.tab-add-circle{border-radius:var(--rounded-full);background:var(--brand);width:36px;height:36px;color:var(--on-brand);justify-content:center;align-items:center;margin-top:-12px;transition:background-color .15s;display:inline-flex}.tab-add:hover .tab-add-circle{background:var(--brand-hover)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-0:#0b0e14;--surface-1:#11151d;--surface-2:#161b26;--surface-3:#1d2330;--border:#232a39;--border-soft:#1a2030;--border-interactive:#646e84;--ink-primary:#e6eaf2;--ink-secondary:#a6b0c3;--ink-tertiary:#8490a4;--ink-disabled:#4a5365;--brand:#22d3ee;--brand-hover:#67e8f9;--brand-dim:#0e7490;--brand-soft:#22d3ee1f;--on-brand:#08121c;--positive:#22c55e;--positive-soft:#22c55e24;--caution:#f59e0b;--caution-soft:#f59e0b24;--negative:#ef4444;--negative-text:#f87171;--negative-soft:#ef444424;--info-text:#818cf8;--info-soft:#6366f124;--font-family:ui-sans-serif, -apple-system, "SF Pro Text", "Inter", system-ui, sans-serif;--hero-number-font-size:44px;--hero-number-font-weight:700;--hero-number-line-height:1.1;--hero-number-letter-spacing:-.5px;--number-lg-font-size:28px;--number-lg-font-weight:600;--number-lg-line-height:1.15;--title-font-size:22px;--title-font-weight:600;--title-line-height:1.25;--heading-font-size:18px;--heading-font-weight:600;--heading-line-height:1.3;--body-font-size:16px;--body-font-weight:400;--body-line-height:1.5;--body-strong-font-size:16px;--body-strong-font-weight:600;--body-strong-line-height:1.5;--meta-font-size:14px;--meta-font-weight:400;--meta-line-height:1.4;--tab-label-font-size:12px;--tab-label-font-weight:500;--tab-label-line-height:1.2;--rounded-sm:8px;--rounded-md:12px;--rounded-lg:16px;--rounded-xl:24px;--rounded-full:9999px;--spacing-1:4px;--spacing-2:8px;--spacing-3:12px;--spacing-4:16px;--spacing-5:20px;--spacing-6:24px;--spacing-8:32px;--spacing-10:40px;--spacing-gutter:16px;--spacing-touch-target:44px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--surface-0);min-height:100dvh;color:var(--ink-primary);font-family:var(--font-family);font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p,ul{margin:0}button,input,select,textarea{font:inherit;font-size:max(var(--body-font-size), 1em);color:inherit}a{color:var(--brand)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.hero-number{font-size:var(--hero-number-font-size);font-weight:var(--hero-number-font-weight);line-height:var(--hero-number-line-height);letter-spacing:var(--hero-number-letter-spacing)}.number-lg{font-size:var(--number-lg-font-size);font-weight:var(--number-lg-font-weight);line-height:var(--number-lg-line-height)}.title{font-size:var(--title-font-size);font-weight:var(--title-font-weight);line-height:var(--title-line-height)}.heading{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height)}.body{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height)}.body-strong{font-size:var(--body-strong-font-size);font-weight:var(--body-strong-font-weight);line-height:var(--body-strong-line-height)}.meta{font-size:var(--meta-font-size);font-weight:var(--meta-font-weight);line-height:var(--meta-line-height)}.tab-label{font-size:var(--tab-label-font-size);font-weight:var(--tab-label-font-weight);line-height:var(--tab-label-line-height)}.amount,.hero-number,.number-lg{font-variant-numeric:tabular-nums}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important;animation-iteration-count:1!important;animation-delay:0s!important}}