:root{--bg:#f7f5f2;--surface:#fff;--text:#1d1f24;--muted:#646d7e;--border:#ebe7e1;--primary:#0f766e;--primary-contrast:#fff;--positive:#067647;--negative:#b42318;--warning:#b54708;--chip:#f0ede8;--radius:16px;--mint-bg:#dcf2e8;--mint-mark:#5fb894;--sky-bg:#dcebfa;--sky-mark:#6fa3dc;--lilac-bg:#e9e3fa;--lilac-mark:#9b85dc;--peach-bg:#fde4d4;--peach-mark:#eb9365;--rose-bg:#fadde4;--rose-mark:#e3879d;--butter-bg:#f8eec4;--butter-mark:#d9b84a;--aqua-bg:#d7f0f1;--aqua-mark:#5bb5bf;--sand-bg:#ece8e2;--sand-mark:#a8a29e;--muted-on-tone:#4d5565;--chart-in:#2b7fb8;--chart-out:#d0632c;--shadow:0 1px 2px #1018280a, 0 2px 6px #1018280d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0e1116;--surface:#171b22;--text:#e8eaee;--muted:#98a2b3;--border:#2a303b;--primary:#2dd4bf;--primary-contrast:#062925;--positive:#4ade80;--negative:#f97066;--warning:#fdb022;--chip:#222833;--mint-bg:#173027;--mint-mark:#6fcfa6;--sky-bg:#16273a;--sky-mark:#7fb3ea;--lilac-bg:#241f3b;--lilac-mark:#ab97ec;--peach-bg:#37231a;--peach-mark:#f2ab82;--rose-bg:#381d26;--rose-mark:#ec97ab;--butter-bg:#332c15;--butter-mark:#e3c55e;--aqua-bg:#142f31;--aqua-mark:#6cc6cf;--sand-bg:#25231f;--sand-mark:#b5aea6;--muted-on-tone:#b0b8c6;--chart-in:#3b8fd6;--chart-out:#de6f35;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0e1116;--surface:#171b22;--text:#e8eaee;--muted:#98a2b3;--border:#2a303b;--primary:#2dd4bf;--primary-contrast:#062925;--positive:#4ade80;--negative:#f97066;--warning:#fdb022;--chip:#222833;--mint-bg:#173027;--mint-mark:#6fcfa6;--sky-bg:#16273a;--sky-mark:#7fb3ea;--lilac-bg:#241f3b;--lilac-mark:#ab97ec;--peach-bg:#37231a;--peach-mark:#f2ab82;--rose-bg:#381d26;--rose-mark:#ec97ab;--butter-bg:#332c15;--butter-mark:#e3c55e;--aqua-bg:#142f31;--aqua-mark:#6cc6cf;--sand-bg:#25231f;--sand-mark:#b5aea6;--muted-on-tone:#b0b8c6;--chart-in:#3b8fd6;--chart-out:#de6f35;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px}.app{flex-direction:column;min-height:100dvh;display:flex}.content{width:100%;max-width:640px;padding:8px 16px calc(96px + env(safe-area-inset-bottom));flex:1;margin:0 auto}.page-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.page-header h1{margin:0;font-size:1.4rem}.page-header-actions{gap:8px;display:flex}h2{color:var(--muted);margin:20px 0 8px;font-size:1rem;font-weight:600}a.card{color:inherit;text-decoration:none;display:block}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:10px;padding:14px}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-label{color:var(--muted);font-size:.8rem}.stat-value{font-variant-numeric:tabular-nums;margin-top:2px;font-size:1.25rem;font-weight:700}.positive{color:var(--positive)}.negative{color:var(--negative)}.muted{color:var(--muted)}.center{text-align:center}.empty{padding:24px 0}.error{color:var(--negative);background:color-mix(in srgb, var(--negative) 10%, transparent);border:1px solid color-mix(in srgb, var(--negative) 35%, transparent);border-radius:10px;margin:8px 0;padding:10px 12px;font-weight:500}.error p{margin:0}.error ul{margin:6px 0 0;padding-left:18px;font-weight:400}.list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:0;list-style:none;overflow:hidden}.list li+li{border-top:1px solid var(--border)}.row{color:inherit;width:100%;font:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;display:flex}.row-main{flex:1;min-width:0}.row-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.row-sub{color:var(--muted);margin-top:2px;font-size:.8rem}.row-amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.badge{background:var(--chip);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:.72rem;display:inline-block}.badge.OVERDUE{color:var(--negative);background:color-mix(in srgb, var(--negative) 12%, transparent)}.badge.PAID,.badge.ACHIEVED{color:var(--positive);background:color-mix(in srgb, var(--positive) 12%, transparent)}.month-picker{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;margin-bottom:12px;padding:4px;display:flex}.month-label{min-height:40px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex;overflow:hidden}.month-text:first-letter{text-transform:uppercase}.month-label svg{color:var(--muted);flex:none}.month-text{transition:transform .18s;display:inline-block}.icon-button{color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:10px;width:44px;height:40px;font-size:1.5rem}.icon-button:active{background:var(--chip)}form{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--muted);font-size:.85rem;font-weight:600}.field-hint{color:var(--muted);font-size:.78rem}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%;padding:11px 12px;font-size:16px}input[type=checkbox],input[type=radio]{width:auto;padding:0}input:focus,select:focus{outline:2px solid color-mix(in srgb, var(--primary) 50%, transparent);border-color:var(--primary)}.choice{flex-wrap:wrap;gap:8px;display:flex}.chip{font:inherit;border:1px solid var(--border);background:var(--chip);color:var(--text);cursor:pointer;border-radius:999px;padding:8px 14px}.chip.small{padding:5px 11px;font-size:.85rem}.chip.selected{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.button{font:inherit;background:var(--primary);color:var(--primary-contrast);cursor:pointer;text-align:center;border:0;border-radius:12px;padding:13px 16px;font-weight:600;text-decoration:none}.button:disabled{opacity:.6}.button.secondary{background:var(--chip);color:var(--text)}.button.danger{color:var(--negative);border:1px solid var(--border);background:0 0}.button.small{padding:8px 12px;font-size:.85rem}.actions{gap:10px;display:flex}.actions.wrap{flex-wrap:wrap}.pending-income{border-color:var(--primary)}.pending-income .question{margin:8px 0 10px;font-weight:600}.actions>*{flex:1}.segmented{background:var(--chip);border-radius:12px;grid-template-columns:1fr 1fr;margin-bottom:14px;padding:4px;display:grid}.segmented button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:9px;font-weight:600}.segmented button.selected{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}.bar{background:var(--chip);border-radius:999px;height:8px;margin-top:6px;overflow:hidden}.bar-fill{background:var(--primary);border-radius:999px;height:100%}.bar-fill.over{background:var(--negative)}.split{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.total-line{justify-content:space-between;padding:10px 2px;font-weight:600;display:flex}.inline-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:12px;padding:14px}details summary{cursor:pointer;color:var(--muted);font-size:.9rem}.login{padding-top:15vh}.login h1{margin:0 0 4px}.login form{flex-direction:column;gap:12px;margin-top:20px;display:flex}.password-input{display:block;position:relative}.password-input input{padding-right:48px}.password-toggle{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.password-toggle:hover,.password-toggle[aria-pressed=true]{color:var(--primary)}.balance-alert{color:var(--negative);background:color-mix(in srgb, var(--negative) 10%, transparent);border:1px solid color-mix(in srgb, var(--negative) 35%, transparent);border-radius:10px;flex-direction:column;gap:2px;margin-bottom:12px;padding:10px 12px;text-decoration:none;display:flex}.balance-alert span{font-size:.85rem}.hero{padding:18px 16px 14px}.hero-label{color:var(--muted);font-size:.9rem;font-weight:600}.hero-label.is-red{color:var(--negative)}.hero-value{letter-spacing:-.01em;white-space:nowrap;margin:4px 0 2px;font-size:clamp(2rem,10vw,3rem);font-weight:700;line-height:1.1}.equation{border-top:1px solid var(--border);gap:4px;margin:12px 0 0;padding-top:10px;font-size:.9rem;display:grid}.equation div{justify-content:space-between;gap:8px;display:flex}.equation dt{color:var(--muted)}.equation dd{font-variant-numeric:tabular-nums;white-space:nowrap;margin:0}.equation-note{font-size:.8rem}.stat-tile{margin-bottom:0}.stat-big{white-space:nowrap;margin-top:2px;font-size:1.35rem;font-weight:700}.rank{gap:12px;margin:0;padding:0;list-style:none;display:grid}.rank-value{font-variant-numeric:tabular-nums;white-space:nowrap}.rank-track{background:var(--peach-bg);border-radius:4px;height:8px;margin-top:6px;overflow:hidden}.rank-fill{background:var(--peach-mark);border-radius:0 4px 4px 0;min-width:2px;height:100%}.rank-rest{border-top:1px solid var(--border);margin-top:12px;padding-top:10px}.tone-mint{--tone-bg:var(--mint-bg);background:var(--mint-bg)}.tone-sky{--tone-bg:var(--sky-bg);background:var(--sky-bg)}.tone-lilac{--tone-bg:var(--lilac-bg);background:var(--lilac-bg)}.tone-peach{--tone-bg:var(--peach-bg);background:var(--peach-bg)}.tone-rose{--tone-bg:var(--rose-bg);background:var(--rose-bg)}.tone-butter{--tone-bg:var(--butter-bg);background:var(--butter-bg)}.tone-aqua{--tone-bg:var(--aqua-bg);background:var(--aqua-bg)}.tone-sand{--tone-bg:var(--sand-bg);background:var(--sand-bg)}.card[class*=tone-]{--muted:var(--muted-on-tone);--border:color-mix(in srgb, var(--text) 10%, transparent);box-shadow:none;border-color:#0000}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);padding-top:env(safe-area-inset-top);position:sticky;top:0}.topbar-inner{align-items:center;gap:10px;max-width:640px;height:56px;margin:0 auto;padding:0 16px;display:flex}.spacer{flex:1}.brand{letter-spacing:-.02em;color:var(--text);font-size:1.2rem;font-weight:800}.brand span{color:var(--primary)}.round-button{border:1px solid var(--border);background:var(--surface);width:42px;height:42px;color:var(--text);cursor:pointer;box-shadow:var(--shadow);border-radius:50%;flex:none;place-items:center;display:grid}.round-button:active{background:var(--chip)}.greeting{margin:4px 0 14px;font-size:1.35rem;font-weight:700}.menu-hello{background:linear-gradient(135deg, var(--lilac-bg), var(--mint-bg));color:var(--text);border-radius:14px;align-items:center;gap:12px;margin:0 0 10px;padding:12px 14px;text-decoration:none;display:flex}.menu-hello .avatar{background:var(--surface)}.menu-hello-name{font-weight:700;display:block}.menu-hello-sub{color:var(--muted-on-tone);margin-top:2px;font-size:.82rem;display:block}.menu{gap:2px;margin:0;padding:0;list-style:none;display:grid}.menu-item{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;padding:8px;text-decoration:none;display:flex}.menu-item:hover,.menu-item.active{background:var(--chip)}.menu-icon{background:var(--tone-bg,var(--chip));width:40px;height:40px;color:var(--text);border-radius:12px;flex:none;place-items:center;display:grid}.menu-text{min-width:0}.menu-title{font-weight:600;display:block}.menu-sub{color:var(--muted);margin-top:1px;font-size:.78rem;display:block}.menu-foot{color:var(--muted);margin:10px 8px 0;font-size:.78rem}.export-row{justify-content:space-between;align-items:center;gap:12px;margin:2px 0 12px;font-size:.85rem;display:flex}.card>.export-row{margin:0}.export-menu{flex:none;position:relative}.export-trigger{align-items:center;gap:6px;display:inline-flex}.export-pop{z-index:25;background:var(--surface);border:1px solid var(--border);border-radius:14px;width:min(280px,100vw - 32px);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 32px #10182829}.export-pop.up{top:auto;bottom:calc(100% + 6px)}.export-option{color:inherit;border-radius:10px;flex-direction:column;gap:1px;padding:9px 10px;text-decoration:none;display:flex}a.export-option:hover,a.export-option:focus-visible{background:var(--chip)}.export-option.disabled{opacity:.55;cursor:not-allowed}.export-name{font-size:.92rem;font-weight:600}.export-sub{color:var(--muted);font-size:.78rem}.page-intro{margin:-4px 0 12px;font-size:.9rem}.household-card{align-items:center}.avatar{width:36px;height:36px;color:var(--text);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.small-note{margin-top:12px;font-size:.8rem}.login-brand{font-size:2rem}.login-brand .brand{font-size:inherit}.invite-box{border-radius:12px;padding:12px 14px}.invite-box .stat-label,.card.tone-lilac .stat-label{color:var(--muted-on-tone)}.invite-code{letter-spacing:.08em;font-variant-numeric:tabular-nums;margin:6px 0 2px;font-size:1.8rem;font-weight:800}.invite-link{overflow-wrap:anywhere}.invite-row{flex-wrap:wrap}.invite-row .row-main{min-width:160px}.people-row{flex-wrap:wrap}.people-row .row-main{min-width:140px}.people-row .row-actions{gap:8px;margin-left:auto;display:flex}.invite-closed .row-title{color:var(--muted);font-weight:500}.hero-label-big{margin-top:4px;font-size:1.3rem;font-weight:700}.link-button{color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:10px;padding:4px 0;font-size:.85rem;text-decoration:underline}.list .row .menu-icon{width:36px;height:36px}.toast-region{left:0;right:0;bottom:calc(84px + env(safe-area-inset-bottom));z-index:50;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed}.toast{background:var(--text);max-width:100%;color:var(--surface);border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-size:.9rem;font-weight:600;animation:.18s ease-out toast-in;display:inline-flex;box-shadow:0 6px 18px #0000002e}.toast-check{background:var(--mint-mark);color:#10251c;border-radius:50%;place-items:center;width:18px;height:18px;font-size:.72rem;display:grid}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}.brand-link{text-decoration:none}.month-picker{touch-action:pan-y;-webkit-user-select:none;user-select:none}.month-arrow{width:36px;color:var(--muted);place-items:center;display:grid}.month-text.enter-from-left{animation:.2s ease-out month-from-left}.month-text.enter-from-right{animation:.2s ease-out month-from-right}@keyframes month-from-left{0%{opacity:0;transform:translate(-28px)}}@keyframes month-from-right{0%{opacity:0;transform:translate(28px)}}@media (prefers-reduced-motion:reduce){.month-text,.month-text.enter-from-left,.month-text.enter-from-right{transition:none;animation:none}}.sheet{z-index:45;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{background:#10182859;position:absolute;inset:0}.sheet-panel{width:min(640px,100%);max-height:90dvh;padding:14px 16px calc(16px + env(safe-area-inset-bottom));background:var(--surface);border-radius:20px 20px 0 0;animation:.2s ease-out sheet-up;position:relative;overflow-y:auto;box-shadow:0 -8px 28px #00000024}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){.sheet-panel{animation:none}}.sheet-year{justify-content:space-between;align-items:center;margin-bottom:10px;font-size:1.1rem;display:flex}.sheet-year .icon-button{place-items:center;display:grid}.month-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px;display:grid}.month-cell{border:1px solid var(--border);background:var(--surface);height:46px;color:var(--text);font:inherit;cursor:pointer;border-radius:12px;font-weight:600}.month-cell.current{background:var(--mint-bg);border-color:#0000}.month-cell.selected{background:var(--primary);border-color:var(--primary);color:var(--primary-contrast)}.desktop-only,.sidebar{display:none}.avatar-link{background:var(--lilac-bg);text-decoration:none}.bottom-nav{z-index:20;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav-tab,.bottom-nav-primary{min-width:0;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:4px 2px;text-decoration:none;display:flex}.bottom-nav-tab.active{color:var(--primary)}.bottom-nav-label{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.66rem;font-weight:600;overflow:hidden}.bottom-nav-plus{background:var(--primary);width:50px;height:50px;color:var(--primary-contrast);box-shadow:0 6px 16px color-mix(in srgb, var(--primary) 35%, transparent);border-radius:50%;place-items:center;margin-top:-22px;display:grid}.bottom-nav-primary .bottom-nav-label{color:var(--text)}.shell.is-form .content{padding-bottom:calc(32px + env(safe-area-inset-bottom))}.segmented a{color:var(--muted);text-align:center;border-radius:9px;padding:9px;font-weight:600;text-decoration:none}.segmented a.selected{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}.menu-section h2{letter-spacing:.04em;text-transform:uppercase;margin:18px 4px 6px;font-size:.8rem}.menu-section .menu{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:4px}.theme-switch{background:var(--chip);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.theme-switch button{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:9px 6px;font-size:.88rem;font-weight:600;display:inline-flex}.theme-switch button.selected{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}.theme-switch.compact button{padding:7px 4px;font-size:.78rem}.dashboard{grid-template-columns:minmax(0,1fr);align-items:start;column-gap:20px;display:grid}.dashboard>section>h2:first-child{margin-top:16px}@media (width>=900px){.phone-only,.bottom-nav{display:none}.desktop-only{display:inline-flex}.sidebar{z-index:25;background:var(--surface);border-right:1px solid var(--border);flex-direction:column;width:264px;padding:16px 12px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.main{margin-left:264px}.topbar-inner{max-width:1120px;height:auto;min-height:60px;padding:0 32px}.topbar-action{align-items:center;gap:6px;padding:10px 16px}.content{max-width:1120px;padding:8px 32px 48px}.content>:not(.dashboard):not(.wide){max-width:760px;margin-left:auto;margin-right:auto}.dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard .span-all{grid-column:1/-1}.dashboard .span-2-rows{grid-row:span 2}.toast-region{padding-left:264px;bottom:28px}.sidebar-brand{align-items:center;gap:10px;padding:4px 8px 14px;text-decoration:none;display:flex}.sidebar-brand img{border-radius:8px}.sidebar-new{justify-content:center;align-items:center;gap:6px;margin:0 4px 10px;display:inline-flex}.sidebar-nav{flex:1}.sidebar-title{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin:14px 10px 4px;font-size:.72rem;font-weight:700}.sidebar-item{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:6px 8px;font-size:.93rem;text-decoration:none;display:flex}.sidebar-item .menu-icon{border-radius:9px;width:32px;height:32px}.sidebar-item:hover{background:var(--chip)}.sidebar-item.active{background:var(--chip);font-weight:700}.sidebar-foot{border-top:1px solid var(--border);gap:8px;padding-top:12px;display:grid}.sidebar-foot .avatar{background:var(--lilac-bg)}.sidebar-logout{color:var(--muted)}.sheet{align-items:center}.sheet-panel{border-radius:20px;width:420px;padding-bottom:16px}}.cat-avatar{border-radius:50%;flex:none;place-items:center;line-height:1;display:grid}.row-button{min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:12px;padding:0;display:flex}.category-grid{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:6px;display:grid}.category-option{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);font:inherit;text-align:center;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:7px 3px 6px;font-size:.7rem;line-height:1.15;display:flex}.category-option.selected{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);font-weight:700}.editor-preview{align-items:center;gap:12px;font-size:1.1rem;display:flex}.emoji-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px;margin-bottom:8px;display:grid}.emoji-option{background:var(--chip);cursor:pointer;border:1px solid #0000;border-radius:10px;height:42px;font-size:1.3rem}.emoji-option.selected{border-color:var(--primary);background:var(--surface)}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatches .swatch{border:2px solid var(--border);cursor:pointer;border-radius:50%;width:36px;height:36px}.swatch.selected{border-color:var(--text);box-shadow:0 0 0 2px var(--surface) inset}.amount-field{flex-direction:column;gap:6px;display:flex}.amount-box{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-items:baseline;gap:8px;padding:8px 14px;display:flex}.amount-box:focus-within{border-color:var(--primary);outline:2px solid color-mix(in srgb, var(--primary) 40%, transparent)}.amount-currency{color:var(--muted);font-size:1.3rem;font-weight:700}.amount-box input{font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;padding:4px 0;font-size:2rem;font-weight:800}.form-submit{z-index:5;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--border);margin:4px -16px 0;display:flex;position:sticky;bottom:0}.form-submit .button{flex:1}.greeting-row{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 12px;display:flex}.greeting-row .greeting{margin:0}.largest{align-items:flex-start;gap:12px;display:flex}.largest-main{flex:1;min-width:0}.rank-name{align-items:center;gap:8px;display:inline-flex}.segmented.three{grid-template-columns:repeat(3,1fr);margin-bottom:0}.segmented.four{grid-template-columns:repeat(4,1fr);margin-bottom:0}.lanc-search{gap:8px;margin-bottom:12px;display:flex}.lanc-filter-button{flex:none;align-items:center;gap:6px;display:inline-flex}.lanc-filter-button .count{background:var(--primary);min-width:20px;height:20px;color:var(--primary-contrast);border-radius:10px;place-items:center;padding:0 6px;font-size:.75rem;display:grid}.lanc-summary{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.lanc-summary .row-amount{font-size:.98rem}.day-group{margin-top:14px}.day-head{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;padding:0 4px 6px;font-size:.85rem;font-weight:700;display:flex}.day-head span:first-child:first-letter{text-transform:uppercase}.filters-sheet{flex-direction:column;gap:14px;display:flex}.filters-head{justify-content:space-between;align-items:center;display:flex}.filters-sheet .actions{margin-top:4px}.filter-chips{flex-wrap:wrap;align-items:center;gap:6px;margin:-4px 0 12px;display:flex}.filter-chip{background:color-mix(in srgb, var(--primary) 14%, var(--surface));border-color:color-mix(in srgb, var(--primary) 40%, transparent)}.export-row.bare{margin:0}@media (width>=900px){.category-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.category-option{font-size:.8rem}.form-submit{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;margin:4px 0 0;padding:0;position:static}}.pace-head{justify-content:space-between;gap:12px;margin-bottom:8px;display:flex}.pace-end{text-align:right}.pace-chart{width:100%;position:relative}.pace-chart svg{touch-action:pan-y;display:block}.pace-grid{stroke:var(--border);stroke-width:1px}.pace-axis{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.pace-area{fill:var(--chart-out);opacity:.1}.pace-line{fill:none;stroke:var(--chart-out);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.pace-line.projected{stroke-dasharray:5 5}.pace-budget{stroke:var(--text);stroke-width:1.5px;opacity:.6}.pace-budget-label{fill:var(--text);font-size:11px;font-weight:600}.pace-dot{fill:var(--chart-out);stroke:var(--surface);stroke-width:2px}.pace-cross{stroke:var(--muted);stroke-width:1px}.pace-tip{z-index:2;border:1px solid var(--border);background:var(--surface);white-space:nowrap;pointer-events:none;border-radius:10px;gap:1px;padding:6px 10px;font-size:.78rem;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 6px 18px #10182824}.pace-legend,.chart-legend{flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:6px;display:flex}.key{border-top:2px solid var(--chart-out);vertical-align:middle;width:16px;height:0;margin-right:-6px;display:inline-block}.key.dashed{border-top-style:dashed}.key.budget{border-top-color:var(--text);opacity:.6}.key.in,.key.out{background:var(--chart-in);border:0;border-radius:3px;width:10px;height:10px}.key.out{background:var(--chart-out)}.pace-table{margin-top:8px}.pace-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:6px;font-size:.85rem}.pace-table th,.pace-table td{border-bottom:1px solid var(--border);text-align:right;padding:4px 6px}.pace-table th:first-child,.pace-table td:first-child{text-align:left}.budget-row+.budget-row{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.budget-track{background:var(--chip);border-radius:4px;height:8px;margin:8px 0 4px;position:relative}.budget-fill{border-radius:0 4px 4px 0;min-width:2px;height:100%}.budget-fill.ok{background:var(--positive)}.budget-fill.ahead{background:var(--warning)}.budget-fill.over{background:var(--negative)}.budget-today{background:var(--text);border-radius:1px;width:2px;margin-left:-1px;position:absolute;top:-4px;bottom:-4px}.budget-status{font-weight:600}.budget-status.ok{color:var(--positive)}.budget-status.ahead{color:var(--warning)}.budget-status.over{color:var(--negative)}.budget-legend{align-items:center;gap:6px;margin:0 0 10px;display:flex}.budget-today-key{background:var(--text);border-radius:1px;width:2px;height:14px;display:inline-block}.recurring-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.recurring-summary .stat-big{font-size:1.05rem}.col-in{fill:var(--chart-in)}.col-out{fill:var(--chart-out)}g.dim{opacity:.35}.history-list{margin-top:12px}.month-name:first-letter{text-transform:uppercase}.calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.calendar-weekday{color:var(--muted);text-align:center;padding:2px 0 6px;font-size:.72rem;font-weight:700}.calendar-day{min-height:58px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:1px;padding:4px 1px;display:flex}.calendar-day.today .calendar-number{background:var(--chip);border-radius:50%;place-items:center;width:26px;height:26px;font-weight:800;display:grid}.calendar-day.selected{background:var(--lilac-bg)}.calendar-dots{gap:3px;height:6px;display:flex}.dot{border-radius:50%;width:6px;height:6px;display:inline-block}.dot.in{background:var(--chart-in)}.dot.out{background:var(--chart-out)}.calendar-number{font-size:.95rem;line-height:26px}.calendar-net{font-variant-numeric:tabular-nums;text-overflow:clip;white-space:nowrap;max-width:100%;font-size:.62rem;overflow:hidden}@media (width>=900px){.calendar-day{min-height:72px}.calendar-net{font-size:.75rem}}.budget-name{min-width:0}.budget-name>span:last-child{text-overflow:ellipsis;overflow:hidden}.home-customize{text-align:center;margin-top:18px}.customizer-head{justify-content:space-between;align-items:center;display:flex}.customizer-list .row{gap:4px;padding:6px 8px 6px 12px}.customizer-list .icon-button{place-items:center;width:40px;display:grid}.customizer-list .icon-button:disabled{opacity:.3}.switch{cursor:pointer;flex:1;align-items:center;gap:12px;min-width:0;display:flex}.switch input{opacity:0;pointer-events:none;position:absolute}.switch-track{background:var(--border);border-radius:12px;flex:none;width:40px;height:24px;transition:background .15s;position:relative}.switch-track:after{content:"";background:var(--surface);border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.switch input:checked+.switch-track{background:var(--primary)}.switch input:checked+.switch-track:after{transform:translate(16px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--primary);outline-offset:2px}button.budget-row{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}button.budget-row+button.budget-row{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.budget-hint{text-align:center;margin:12px 0 0}.category-hint{color:var(--muted);font-size:.68rem;font-weight:600}.getting-started>.muted{margin:0 0 10px}.steps{margin:0;padding:0;list-style:none}.step{align-items:center;gap:4px;display:flex}.step+.step{border-top:1px solid var(--border)}.step .row{flex:1;min-width:0;padding-left:6px;padding-right:4px}.step-mark{width:26px;height:26px;color:var(--muted);border:1.5px solid var(--border);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:700;display:grid}.step.done .step-mark{color:var(--positive);border-color:var(--positive)}.step.done .row-title{color:var(--muted);text-decoration:line-through}.start-notice{margin-bottom:12px}.start-notice .actions{margin-top:10px}.month-field{width:100%;font:inherit;text-align:left;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:11px 12px;font-size:16px;display:flex}.month-field span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.month-field svg{color:var(--muted);flex:none}.month-field:focus-visible{outline:2px solid color-mix(in srgb, var(--primary) 50%, transparent);border-color:var(--primary)}.no-categories{border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:12px 14px;display:flex}.no-categories .button{flex-shrink:0}