:root{--color-bg:#f5ead8;--color-surface:#ebddc5;--color-text:#201e1d;--color-accent:#c67139;--color-accent-2:#7a8a5e;--color-divider:#201e1d29;--color-neutral-100:#f9f4ed;--color-neutral-200:#eee7db;--color-neutral-300:#dcd3c4;--color-neutral-400:#c0b6a5;--color-neutral-500:#a19786;--color-neutral-600:#82796a;--color-neutral-700:#645c50;--color-neutral-800:#474238;--color-neutral-900:#2e2b25;--color-accent-100:#fff2eb;--color-accent-200:#ffe1d0;--color-accent-300:#ffc6a5;--color-accent-400:#f6a06b;--color-accent-500:#d67f48;--color-accent-600:#b2622d;--color-accent-700:#8c491a;--color-accent-800:#643312;--color-accent-900:#402310;--color-accent-2-100:#f0fae1;--color-accent-2-200:#e1eecc;--color-accent-2-300:#ccdbb2;--color-accent-2-400:#aebf92;--color-accent-2-500:#8fa073;--color-accent-2-600:#728157;--color-accent-2-700:#56633f;--color-accent-2-800:#3d472b;--color-accent-2-900:#272e1b;--color-danger:oklch(45% .16 25);--cat-income-bg:oklch(95% .03 128);--cat-income-tint:var(--color-accent-2-200);--cat-income-base:var(--color-accent-2-600);--cat-income-ink:var(--color-accent-2-800);--cat-fixed-bg:oklch(95% .035 18);--cat-fixed-tint:oklch(90% .05 18);--cat-fixed-base:oklch(62% .13 18);--cat-fixed-ink:oklch(42% .1 18);--cat-leisure-bg:oklch(95% .035 55);--cat-leisure-tint:var(--color-accent-200);--cat-leisure-base:var(--color-accent-500);--cat-leisure-ink:var(--color-accent-800);--cat-fund-bg:oklch(94% .03 235);--cat-fund-tint:oklch(89% .04 235);--cat-fund-base:oklch(56% .09 235);--cat-fund-ink:oklch(40% .07 235);--cat-unplanned-bg:oklch(93% .045 85);--cat-unplanned-base:oklch(66% .11 85);--cat-unplanned-ink:oklch(42% .09 85);--shadow-sm:0 1px 2px #2e2b2524;--shadow-md:0 3px 10px #2e2b2529;--shadow-lg:0 12px 32px #2e2b2538;--radius-card:28px;--radius-inner:20px;--radius-pill:999px;--font-heading:"Secular One", system-ui, sans-serif;--font-body:"Heebo", system-ui, sans-serif;--ease-soft:cubic-bezier(.2, .7, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;font-size:15px;line-height:1.55}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);min-height:100svh;color:var(--color-text);overscroll-behavior-y:none;margin:0}#root{min-height:100svh}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:0;margin:0;font-weight:400;line-height:1.12}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb, var(--color-accent) 30%, transparent)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app{width:100%;min-width:0;max-width:480px;padding:env(safe-area-inset-top) 20px 0;text-align:right;flex-direction:column;min-height:100svh;margin:0 auto;display:flex}.app-scroll{flex-direction:column;gap:14px;padding-bottom:190px;display:flex}.status-row{height:12px}.screen-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 0 0;display:flex}.screen-head h1,.screen-head h2{font-size:32px}.muted{color:var(--color-neutral-600);margin:4px 0 0;font-size:14px}.hint{color:var(--color-neutral-700);margin:0;font-size:13px}.center{text-align:center}button{font-family:var(--font-body);cursor:pointer;color:inherit;transition:background .18s var(--ease-soft), color .18s var(--ease-soft), border-color .18s var(--ease-soft), opacity .18s var(--ease-soft);background:0 0;border:0;font-size:15px}button:disabled{opacity:.45;cursor:default}.btn-primary{border-radius:var(--radius-pill);background:var(--color-accent);min-height:56px;color:var(--color-bg);font-family:var(--font-heading);padding:0 24px;font-size:19px}.btn-primary:hover:not(:disabled){background:var(--color-accent-600)}.btn-primary:active:not(:disabled){background:var(--color-accent-700)}.btn-secondary{border:1px solid var(--color-neutral-400);border-radius:var(--radius-pill);min-height:56px;font-family:var(--font-heading);background:0 0;padding:0 24px;font-size:17px}.btn-secondary:hover:not(:disabled){background:var(--color-neutral-200)}.btn-secondary:active:not(:disabled){background:var(--color-neutral-300)}.btn-round{border:1px solid var(--color-neutral-400);width:40px;height:40px;min-height:40px;color:var(--color-neutral-800);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.btn-round:hover:not(:disabled){background:var(--color-neutral-200)}.btn-round.sm{width:38px;height:38px;min-height:38px}.btn-text{min-height:32px;font-family:var(--font-heading);color:var(--cat-ink,var(--color-accent-800));align-self:flex-start;padding:6px 2px;font-size:15px}.btn-text:hover:not(:disabled){opacity:.7}.field{min-width:0;color:var(--color-neutral-700);flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.input{border:1px solid var(--color-neutral-300);border-radius:var(--radius-pill);background:var(--color-neutral-100);width:100%;min-width:0;height:54px;color:var(--color-text);font-family:var(--font-body);caret-color:var(--color-accent);transition:border-color .18s var(--ease-soft);padding:0 22px;font-size:16px;font-weight:400}.input::placeholder{color:var(--color-neutral-500)}.input:hover{border-color:var(--color-neutral-400)}.input:focus{border-color:var(--color-accent)}.input.ltr{text-align:left;direction:ltr}.input.code{text-align:center;letter-spacing:4px;text-transform:uppercase;font-weight:700}.stack{flex-direction:column;gap:14px;display:flex}.login{padding:0 24px;position:relative;overflow:hidden}.login-blob{pointer-events:none;border-radius:50%;position:absolute}.login-blob.one{background:var(--color-accent-200);width:320px;height:320px;top:-120px;left:-90px}.login-blob.two{background:var(--color-accent-2-200);width:240px;height:240px;top:120px;left:-140px}.login-inner{flex-direction:column;gap:14px;margin-top:120px;display:flex;position:relative}.login-mark{background:var(--color-accent);width:76px;height:76px;color:var(--color-bg);font-family:var(--font-heading);border-radius:50%;justify-content:center;align-items:center;font-size:34px;display:flex}.login-inner h1{margin:6px 0 0;font-size:40px}.login-form{flex-direction:column;gap:14px;margin-top:40px;padding-bottom:40px;display:flex;position:relative}.login-form .btn-primary{margin-top:10px}.notice{border-radius:var(--radius-pill);background:var(--color-accent-200);color:var(--color-accent-800);text-align:center;margin:0;padding:12px 18px;font-size:13px}.notice.block{border-radius:var(--radius-inner);text-align:right}.skeleton{border-radius:var(--radius-card);background:var(--color-neutral-200);animation:1.4s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.budget-list{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.budget-card{text-align:right;border-radius:var(--radius-card);width:100%;box-shadow:var(--shadow-sm);background:var(--color-neutral-200);flex-direction:column;gap:14px;padding:22px;display:flex}.budget-card:hover{background:var(--color-neutral-300)}.budget-card.shared{background:var(--color-accent-200)}.budget-card.shared:hover{background:var(--color-accent-300)}.budget-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.budget-name{font-family:var(--font-heading);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:23px;overflow:hidden}.tag{border-radius:var(--radius-pill);white-space:nowrap;background:var(--color-neutral-700);color:var(--color-neutral-100);align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:700;display:inline-flex}.tag.shared{background:var(--color-accent-700);color:var(--color-accent-100)}.tag.quiet{background:var(--color-neutral-200);color:var(--color-neutral-700)}.member-row{color:var(--color-neutral-700);align-items:center;gap:8px;font-size:13px;display:flex}.member-row .names{margin-right:6px}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:inline-flex}.avatar.sm{width:24px;height:24px;font-size:11px}.avatar.md{width:26px;height:26px;font-size:12px}.avatar.stacked{margin-right:-16px}.avatar.a1{background:var(--color-accent-700);color:var(--color-accent-100)}.avatar.a2{background:var(--color-accent-2-700);color:var(--color-accent-2-100)}.avatar.a3{background:var(--color-neutral-700);color:var(--color-neutral-100)}.budget-remaining{color:var(--color-neutral-700);align-items:baseline;gap:8px;font-size:13px;display:flex}.budget-remaining strong{font-family:var(--font-heading);color:var(--color-text);font-size:24px;font-weight:400}.budget-card.shared .budget-remaining strong{color:var(--color-accent-800)}.dashed-card{text-align:right;border:1.5px dashed var(--color-neutral-400);border-radius:var(--radius-card);width:100%;font-family:var(--font-heading);color:var(--color-neutral-700);padding:20px 22px;font-size:16px}.dashed-card:hover{background:var(--color-neutral-200)}.invite-panel{background:var(--color-accent-2-200);border-radius:24px;flex-direction:column;gap:6px;padding:18px 20px;display:flex}.invite-panel h2{font-size:17px}.invite-panel .sub{color:var(--color-accent-2-800);margin:0;font-size:13px}.invite-code{background:var(--color-bg);border-radius:var(--radius-pill);letter-spacing:3px;-webkit-user-select:all;user-select:all;align-self:flex-start;margin-top:6px;padding:8px 18px;font-size:18px;font-weight:700}.invite-actions{gap:8px;margin-top:8px;display:flex}.chip-button{border-radius:var(--radius-pill);background:var(--color-bg);min-height:40px;color:var(--color-accent-2-800);padding:8px 16px;font-size:13px;font-weight:700}.chip-button:hover:not(:disabled){background:var(--color-neutral-100)}.sticky-head{z-index:3;background:var(--color-bg);padding-top:8px;padding-bottom:14px;position:sticky;top:0}.month-picker{justify-content:space-between;align-items:center;gap:8px;padding-top:6px;display:flex}.month-label{border-radius:var(--radius-inner);flex-direction:column;align-items:center;gap:2px;padding:4px 8px;display:flex}.month-label:hover:not(:disabled){background:var(--color-neutral-200)}.month-label:disabled{opacity:1}.month-label .m{font-family:var(--font-heading);font-size:22px}.month-label .sub{color:var(--color-neutral-600);font-size:12px}.month-label .cycle{color:var(--color-accent-700);letter-spacing:.02em;font-size:13px;font-weight:500}.summary{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;padding:22px;display:flex}.summary-hero{flex-direction:column;gap:2px;display:flex}.summary-hero .cap{color:var(--color-neutral-700);font-size:14px}.summary-hero .amount{font-family:var(--font-heading);font-size:52px;line-height:1.05}.summary-hero .amount.negative{color:var(--color-danger)}.summary-hero .amount.pending{color:var(--color-neutral-600);font-size:22px;line-height:1.3}.summary-tiles{gap:10px;display:flex}.summary-tiles>div{background:var(--color-bg);border-radius:18px;flex-direction:column;flex:1;gap:2px;min-width:0;padding:12px 14px;display:flex}.summary-tiles .cap{color:var(--color-neutral-600);font-size:12px}.summary-tiles .val{font-size:19px;font-weight:700}.summary-tiles .val.income{color:var(--color-accent-2-800)}.base-row{border-top:1px solid var(--color-divider);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;padding-top:13px;font-size:14px;display:flex}.base-row strong{font-size:17px}.base-row .note{color:var(--color-neutral-600);white-space:nowrap;font-size:12px}.cat-card{border-radius:var(--radius-card);background:var(--cat-bg);flex-direction:column;gap:12px;padding:20px;display:flex}[data-category=income]{--cat-bg:var(--cat-income-bg);--cat-tint:var(--cat-income-tint);--cat-base:var(--cat-income-base);--cat-ink:var(--cat-income-ink)}[data-category=fixed]{--cat-bg:var(--cat-fixed-bg);--cat-tint:var(--cat-fixed-tint);--cat-base:var(--cat-fixed-base);--cat-ink:var(--cat-fixed-ink)}[data-category=leisure]{--cat-bg:var(--cat-leisure-bg);--cat-tint:var(--cat-leisure-tint);--cat-base:var(--cat-leisure-base);--cat-ink:var(--cat-leisure-ink)}[data-category=unplanned]{--cat-bg:var(--cat-unplanned-bg);--cat-tint:oklch(89% .06 85);--cat-base:var(--cat-unplanned-base);--cat-ink:var(--cat-unplanned-ink)}[data-category=fund]{--cat-bg:var(--cat-fund-bg);--cat-tint:var(--cat-fund-tint);--cat-base:var(--cat-fund-base);--cat-ink:var(--cat-fund-ink)}.cat-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.cat-title{align-items:center;gap:9px;min-width:0;display:flex}.dot{background:var(--cat-base);border-radius:50%;flex-shrink:0;width:12px;height:12px}.cat-title h2{font-size:19px}.pct-tag{border-radius:var(--radius-pill);background:var(--cat-tint);color:var(--cat-ink);padding:3px 9px;font-size:12px;font-weight:700}.cat-total{font-family:var(--font-heading);color:var(--cat-ink);white-space:nowrap;font-size:22px}.cat-card .note{color:var(--cat-ink);opacity:.85;margin:0;font-size:13px}.target-block{flex-direction:column;gap:7px;display:flex}.target-row{justify-content:space-between;align-items:baseline;gap:10px;font-size:13px;display:flex}.target-row .left{color:var(--cat-ink)}.target-row .left.danger{color:var(--color-danger)}.target-row .left strong{font-size:15px;font-weight:700}.target-row .right{color:var(--color-neutral-600)}.bar{border-radius:var(--radius-pill);background:var(--color-bg);height:12px;overflow:hidden}.bar-fill{border-radius:var(--radius-pill);background:var(--cat-base);height:100%;transition:width .32s var(--ease-soft)}.bar-fill.danger{background:var(--color-danger)}.summary .bar{background:var(--color-bg)}.summary .bar-fill{background:var(--color-accent)}.summary .bar-fill.danger{background:var(--color-danger)}.entry-list{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.entry-row{align-items:center;gap:10px;display:flex}.entry-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;overflow:hidden}.entry-amount{white-space:nowrap;font-size:16px;font-weight:700}.entry-amount.button{border-radius:12px;min-height:34px;padding:4px 8px}.entry-amount.button:hover{background:color-mix(in srgb, var(--color-text) 6%, transparent)}.recurring-tag{border-radius:var(--radius-pill);background:var(--color-neutral-200);color:var(--color-neutral-700);min-height:22px;padding:2px 8px;font-size:11px;font-weight:700}.recurring-tag:hover{background:var(--color-neutral-300)}.row-remove{width:28px;height:28px;min-height:28px;color:var(--color-neutral-600);border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.row-remove:hover{background:color-mix(in srgb, var(--color-danger) 12%, transparent);color:var(--color-danger)}.empty{color:var(--color-neutral-600);margin:0;font-size:14px}.inline-edit{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline-edit .input{text-align:center;flex:none;width:7rem;height:44px;padding:0 16px}.inline-edit .mini{border-radius:var(--radius-pill);min-height:44px;padding:0 16px;font-size:14px;font-weight:700}.inline-edit .mini.save{background:var(--color-accent);color:var(--color-bg)}.inline-edit .mini.save:hover:not(:disabled){background:var(--color-accent-600)}.inline-edit .mini.cancel{border:1px solid var(--color-neutral-400)}.inline-edit .mini.cancel:hover{background:var(--color-neutral-200)}.inline-edit .mini.remove{color:var(--color-danger)}.inline-edit .mini.remove:hover{background:color-mix(in srgb, var(--color-danger) 12%, transparent)}.fab{bottom:calc(96px + env(safe-area-inset-bottom));z-index:4;border-radius:var(--radius-pill);background:var(--color-accent);height:58px;color:var(--color-bg);font-family:var(--font-heading);box-shadow:var(--shadow-lg);align-items:center;gap:8px;padding:0 24px;font-size:18px;display:flex;position:fixed;left:max(24px,50vw - 216px)}.fab:hover{background:var(--color-accent-600)}.fab .plus{font-size:24px;line-height:1}.bottom-nav{bottom:max(16px, env(safe-area-inset-bottom));z-index:3;border-radius:var(--radius-pill);background:var(--color-neutral-200);width:min(440px,100% - 40px);box-shadow:var(--shadow-md);gap:8px;padding:6px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.bottom-nav button{border-radius:var(--radius-pill);min-height:44px;color:var(--color-neutral-700);flex:1;padding:11px 0;font-size:14px;font-weight:700}.bottom-nav button[aria-current=page]{background:var(--color-bg);box-shadow:var(--shadow-sm);color:var(--color-text)}.sheet-backdrop{z-index:20;background:color-mix(in srgb, var(--color-neutral-800) 55%, transparent);animation:fade .18s var(--ease-soft);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.sheet{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:var(--color-bg);width:100%;max-width:480px;max-height:92svh;padding:14px 22px calc(30px + env(safe-area-inset-bottom));text-align:right;animation:rise .26s var(--ease-soft);border-radius:36px 36px 0 0;flex-direction:column;gap:18px;display:flex;overflow-y:auto}.sheet-form{flex-direction:column;gap:18px;padding-bottom:8px;display:flex}.sheet-actions{background:var(--color-bg);padding:10px 0 2px;position:sticky;bottom:0}.sheet.sheet-static{border-radius:var(--radius-card);border:1px solid var(--color-divider);max-height:none;padding:22px;animation:none;overflow:visible}@keyframes rise{0%{transform:translateY(100%)}}.sheet-handle{border-radius:var(--radius-pill);background:var(--color-neutral-400);flex-shrink:0;align-self:center;width:44px;height:5px}.sheet h2{font-size:26px}.cat-pills{flex-wrap:wrap;gap:8px;display:flex}.cat-pill{border-radius:var(--radius-pill);background:var(--cat-tint);min-height:42px;color:var(--cat-ink);padding:9px 16px;font-size:14px;font-weight:700}.cat-pill[aria-pressed=true]{background:var(--cat-base);color:var(--color-bg)}.amount-card{background:var(--color-surface);border-radius:var(--radius-card);flex-direction:column;gap:4px;padding:20px 22px;display:flex}.amount-card .cap{color:var(--color-neutral-700);font-size:13px}.amount-input{width:100%;font-family:var(--font-heading);color:var(--color-text);caret-color:var(--color-accent);text-align:right;direction:rtl;background:0 0;border:0;padding:0;font-size:46px;line-height:1.1}.amount-input::placeholder{color:var(--color-neutral-500)}.amount-input::-webkit-outer-spin-button{appearance:none;margin:0}.amount-input::-webkit-inner-spin-button{appearance:none;margin:0}.sheet-row{gap:10px;display:flex}.planned-field{border:1px solid var(--color-neutral-300);border-radius:var(--radius-pill);background:var(--color-neutral-100);min-width:0;height:54px;color:var(--color-neutral-600);flex:1;align-items:center;gap:8px;padding:0 20px;font-size:15px;display:flex}.planned-field input{min-width:0;font:inherit;color:var(--color-text);text-align:left;direction:ltr;background:0 0;border:0;flex:1;padding:0;font-weight:700}.planned-field input:focus{outline:none}.recur-toggle{border-radius:var(--radius-pill);background:var(--color-neutral-200);height:54px;color:var(--color-neutral-700);white-space:nowrap;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:700;display:flex}.recur-toggle[aria-pressed=true]{background:var(--color-accent-200);color:var(--color-accent-800)}.switch{border-radius:var(--radius-pill);background:var(--color-neutral-400);width:38px;height:22px;transition:background .18s var(--ease-soft);flex-shrink:0;align-items:center;padding:3px;display:flex}.switch .knob{background:var(--color-bg);width:16px;height:16px;transition:transform .18s var(--ease-soft);border-radius:50%}.recur-toggle[aria-pressed=true] .switch{background:var(--color-accent)}.recur-toggle[aria-pressed=true] .switch .knob{transform:translate(-16px)}.attribution{color:var(--color-neutral-700);align-items:center;gap:9px;font-size:13px;display:flex}.impact{background:var(--color-accent-2-200);border-radius:var(--radius-inner);color:var(--color-accent-2-800);padding:14px 18px;font-size:13px}.sheet-actions{gap:10px;display:flex}.sheet-actions .btn-primary{flex:1}.sheet-actions .btn-secondary{padding:0 26px}.dialog{background:var(--color-bg);border-radius:var(--radius-card);width:min(360px,100%);box-shadow:var(--shadow-lg);text-align:right;flex-direction:column;gap:14px;margin:auto;padding:24px;display:flex}.dialog h2{font-size:22px}.dialog p{color:var(--color-neutral-700);margin:0;font-size:14px}.sheet-backdrop.middle{align-items:center;padding:20px}.chart-card{background:var(--color-surface);border-radius:var(--radius-card);flex-direction:column;gap:14px;padding:20px 18px;display:flex}.legend{color:var(--color-neutral-700);align-items:center;gap:14px;font-size:12px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.swatch{border-radius:3px;flex-shrink:0;width:10px;height:10px}.bars{justify-content:space-between;align-items:flex-end;gap:10px;height:190px;display:flex}.bars-col{flex-direction:column;flex:1;align-items:center;gap:7px;min-width:0;display:flex}.bars-group{align-items:flex-end;gap:3px;width:100%;height:160px;display:flex}.bars-group i{transition:height .32s var(--ease-soft);border-radius:7px 7px 0 0;flex:1;min-height:2px}.bars-col .m{color:var(--color-neutral-700);font-size:11px}.bars-col.current .m{color:var(--color-text);font-weight:700}.avg-list{flex-direction:column;gap:10px;display:flex}.avg-card{background:var(--cat-bg);border-radius:22px;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;display:flex}.avg-card .name{font-size:15px}.avg-card .val{align-items:baseline;gap:8px;display:flex}.avg-card .val strong{font-family:var(--font-heading);color:var(--cat-ink);font-size:22px;font-weight:400}.avg-card .val span{color:var(--color-neutral-700);font-size:12px}.float-strip{top:max(16px, env(safe-area-inset-top));z-index:5;border-radius:var(--radius-pill);background:var(--color-neutral-800);width:min(440px,100% - 40px);color:var(--color-neutral-100);text-align:center;box-shadow:var(--shadow-md);padding:11px 18px;font-size:13px;position:fixed;left:50%;transform:translate(-50%)}.toast{top:max(16px, env(safe-area-inset-top));z-index:6;border-radius:var(--radius-card);background:var(--color-neutral-800);width:min(440px,100% - 40px);color:var(--color-neutral-100);box-shadow:var(--shadow-lg);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast-actions{gap:8px;margin-inline-start:auto;display:flex}.toast-actions button{border-radius:var(--radius-pill);min-height:40px;padding:0 16px;font-size:13px;font-weight:700}.toast-actions .go{background:var(--color-accent);color:var(--color-bg)}.toast-actions .go:hover{background:var(--color-accent-600)}.toast-actions .dismiss{border:1px solid var(--color-neutral-600);color:var(--color-neutral-100)}.toast-actions .dismiss:hover{background:var(--color-neutral-700)}.prompt-card{text-align:right;border-radius:var(--radius-card);background:var(--cat-bg);border:1.5px solid var(--cat-base);flex-direction:column;gap:8px;width:100%;padding:20px;display:flex}.prompt-card:hover{background:var(--cat-tint)}.prompt-title{font-family:var(--font-heading);color:var(--cat-ink);font-size:19px}.prompt-body{color:var(--cat-ink);opacity:.85;font-size:13px;font-weight:400;line-height:1.5}.prompt-cta{border-radius:var(--radius-pill);background:var(--cat-base);color:var(--color-bg);font-family:var(--font-heading);align-self:flex-start;margin-top:4px;padding:9px 18px;font-size:15px}.type-choice{gap:10px;display:flex}.type-option{border-radius:var(--radius-inner);border:1.5px solid var(--color-neutral-300);background:var(--color-neutral-100);text-align:right;flex-direction:column;flex:1;gap:4px;min-width:0;padding:14px;display:flex}.type-option[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-200)}.type-label{font-family:var(--font-heading);color:var(--color-text);font-size:17px}.type-hint{color:var(--color-neutral-700);font-size:12px;font-weight:400;line-height:1.4}select.input{appearance:none;padding-inline-end:22px}[data-category=lodging]{--cat-bg:var(--cat-fund-bg);--cat-tint:var(--cat-fund-tint);--cat-base:var(--cat-fund-base);--cat-ink:var(--cat-fund-ink)}[data-category=transport]{--cat-bg:var(--cat-fixed-bg);--cat-tint:var(--cat-fixed-tint);--cat-base:var(--cat-fixed-base);--cat-ink:var(--cat-fixed-ink)}[data-category=attractions]{--cat-bg:var(--cat-leisure-bg);--cat-tint:var(--cat-leisure-tint);--cat-base:var(--cat-leisure-base);--cat-ink:var(--cat-leisure-ink)}[data-category=dining]{--cat-bg:var(--cat-income-bg);--cat-tint:var(--cat-income-tint);--cat-base:var(--cat-income-base);--cat-ink:var(--cat-income-ink)}[data-category=shopping]{--cat-bg:var(--cat-unplanned-bg);--cat-tint:oklch(89% .06 85);--cat-base:var(--cat-unplanned-base);--cat-ink:var(--cat-unplanned-ink)}[data-category=other]{--cat-bg:var(--color-neutral-200);--cat-tint:var(--color-neutral-300);--cat-base:var(--color-neutral-500);--cat-ink:var(--color-neutral-800)}.tag-row{flex-shrink:0;align-items:center;gap:6px;display:flex}.trip-head{padding:8px 0 0}.trip-head h1{font-size:28px}.trip-head .muted{margin-top:2px}.recurring-tag.as-tag{cursor:default;background:var(--color-neutral-200)}.recurring-tag.as-tag:hover{background:var(--color-neutral-200)}.btn-text.danger-text{color:var(--color-danger);align-self:center}.notify-card{background:var(--color-neutral-200);border-radius:24px;flex-wrap:wrap;align-items:center;gap:14px;padding:18px 20px;display:flex}.notify-text{flex:1;min-width:160px}.notify-card h2{font-size:17px}.notify-card .sub{color:var(--color-neutral-700);margin:4px 0 0;font-size:13px}.notify-card .recur-toggle{background:var(--color-bg);height:44px}.error-stack{border-radius:var(--radius-inner);background:var(--color-neutral-200);color:var(--color-neutral-800);font-family:var(--mono,ui-monospace, monospace);text-align:left;white-space:pre;direction:ltr;margin:0;padding:14px 16px;font-size:11px;line-height:1.5}.cat-card[data-category=income]{border:1.5px solid var(--cat-base);padding:24px 22px}.cat-card[data-category=income] .cat-title h2{font-size:23px}.cat-card[data-category=income] .dot{width:14px;height:14px}.cat-card[data-category=income] .cat-total{font-size:26px}.cat-card[data-category=income] .entry-name,.cat-card[data-category=income] .entry-amount{font-size:17px}.cat-card[data-category=income] .btn-text{font-size:16px}input[type=date]{appearance:none;text-align:center;width:100%;min-width:0;max-width:100%}input[type=date]::-webkit-date-and-time-value{text-align:center;margin:0}input[type=date]::-webkit-calendar-picker-indicator{margin-inline-start:0}.summary .bar-fill.goal{background:var(--cat-income-base)}[data-category=deposit]{--cat-bg:var(--cat-income-bg);--cat-tint:var(--cat-income-tint);--cat-base:var(--cat-income-base);--cat-ink:var(--cat-income-ink)}[data-category=withdrawal]{--cat-bg:var(--color-neutral-200);--cat-tint:var(--color-neutral-300);--cat-base:var(--color-neutral-500);--cat-ink:var(--color-neutral-800)}.btn-text.inline{min-height:0;font-family:inherit;font-size:inherit;color:var(--color-accent-800);align-self:auto;padding:0;text-decoration:underline;display:inline}.link-edit{flex-direction:column;align-items:stretch;gap:8px;display:flex}.entry-group{flex-direction:column;gap:9px;display:flex}.group-head{text-align:start;width:100%;color:inherit;border-radius:12px;align-items:center;gap:10px;margin-inline:-8px;padding:4px 8px;display:flex}.group-head:hover{background:color-mix(in srgb, var(--color-text) 6%, transparent)}.group-head .entry-amount{font-size:16px}.chevron{color:var(--color-neutral-600);font-size:11px;transition:transform .12s}.entry-group[data-open] .chevron{transform:rotate(180deg)}.group-count{border-radius:var(--radius-pill);background:var(--color-neutral-200);color:var(--color-neutral-700);white-space:nowrap;padding:2px 8px;font-size:11px;font-weight:700}.entry-list.nested{border-inline-start:2px solid var(--color-neutral-200);margin-inline-start:4px;padding-inline-start:21px}.nested-add{align-self:flex-start;margin-inline-start:25px;font-size:14px}.group-field{flex-direction:column;gap:8px;display:flex}.group-chips{flex-wrap:wrap;gap:6px;display:flex}.group-chips .cat-pill{font-size:13px}.intro{text-align:center;flex-direction:column;gap:14px;display:flex}.intro h2{margin:0}.intro-body{color:var(--color-neutral-700);min-height:3.2em;margin:0;line-height:1.6}.intro-art{justify-content:center;align-items:center;min-height:168px;padding:8px 0;display:flex}.intro-pair{display:flex}.intro-face{width:74px;height:74px;font-family:var(--font-heading);background:var(--cat-base);color:var(--color-neutral-100);border:3px solid var(--color-bg);border-radius:50%;place-items:center;font-size:30px;display:grid}.intro-face+.intro-face{margin-inline-start:-22px}.intro-flow{flex-direction:column;align-items:center;gap:6px;display:flex}.intro-chip{border-radius:var(--radius-pill);background:var(--cat-tint,var(--color-neutral-200));color:var(--cat-ink,var(--color-neutral-800));padding:8px 18px;font-weight:700}.intro-chip.big{font-size:22px}.intro-arrow{color:var(--color-neutral-500);font-size:20px;line-height:1}.intro-bars{flex-direction:column;gap:12px;width:100%;display:flex}.intro-bar{flex-direction:column;gap:4px;display:flex}.intro-bar-head{justify-content:space-between;align-items:baseline;font-size:14px;display:flex}.intro-bar-label{color:var(--cat-ink);align-items:center;gap:6px;font-weight:700;display:inline-flex}.intro-bar-hint{color:var(--color-neutral-600);text-align:start;font-size:12px}.intro-track{border-radius:var(--radius-pill);background:var(--color-neutral-200);height:10px;overflow:hidden}.intro-track.tall{height:16px}.intro-fill{border-radius:var(--radius-pill);background:var(--cat-base,var(--color-accent));height:100%}.intro-fill.base{background:var(--color-neutral-400)}.intro-reserve{flex-direction:column;align-items:flex-start;gap:8px;width:100%;display:flex}.intro-reserve .intro-track{background:var(--cat-base);width:100%}.intro-reserve-tag{border-radius:var(--radius-pill);background:var(--cat-tint);color:var(--cat-ink);align-self:flex-start;padding:4px 12px;font-size:14px;font-weight:700}.intro-dots{justify-content:center;gap:7px;display:flex}.intro-dot{background:var(--color-neutral-300);border-radius:50%;width:7px;height:7px;transition:background .16s,width .16s}.intro-dot[data-on]{border-radius:var(--radius-pill);background:var(--color-accent);width:20px}@media (prefers-reduced-motion:reduce){.intro-dot{transition:none}}.entry-row.editing{display:block}.row-edit{background:color-mix(in srgb, var(--color-text) 4%, transparent);border-radius:14px;flex-direction:column;gap:8px;margin-inline:-4px;padding:10px;display:flex}.row-edit-foot{align-items:center;gap:6px;display:flex}.row-edit-foot .input{flex:1;min-width:0}.cat-pills.tight{gap:5px}.cat-pills.tight .cat-pill{min-height:30px;padding:4px 11px;font-size:13px}.entry-name.as-button{text-align:start;color:inherit;border-radius:8px;min-height:0;margin-inline-start:-4px;padding:2px 4px;font-size:15px}.entry-name.as-button:hover{background:color-mix(in srgb, var(--color-text) 6%, transparent)}.owner-actions{align-items:center;gap:16px;padding-top:4px;display:flex}.backup-copy{flex-direction:column;gap:8px;margin-top:10px;display:flex}.backup-copy textarea{text-align:start;resize:vertical;direction:ltr;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.intro-pills{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.intro-pills .intro-chip{padding:6px 14px;font-size:14px}.intro-rollup{flex-direction:column;align-items:center;gap:6px;display:flex}.intro-rollup-lines{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.intro-rollup-lines .intro-chip{background:var(--color-neutral-200);color:var(--color-neutral-700);padding:5px 12px;font-size:13px}.impact.warn{background:color-mix(in srgb, var(--color-danger) 10%, transparent);color:var(--color-danger);font-weight:500}.verdict{border-radius:var(--radius-card);background:var(--color-neutral-200);border:1px solid var(--color-neutral-300);flex-direction:column;gap:10px;padding:16px;display:flex}.verdict[data-over]{background:color-mix(in srgb, var(--color-danger) 8%, var(--color-neutral-100));border-color:color-mix(in srgb, var(--color-danger) 25%, transparent)}.verdict h2{margin:0;font-size:18px}.verdict-lead{color:var(--color-neutral-700);margin:0;font-size:14px;line-height:1.6}.verdict[data-over] .verdict-lead{color:var(--color-neutral-800)}.entry-amount.danger{color:var(--color-danger)}.subsection{border-top:1px solid color-mix(in srgb, var(--cat-ink,var(--color-text)) 20%, transparent);flex-direction:column;gap:10px;margin-top:4px;padding-top:16px;display:flex}.subsection h3{font-family:var(--font-heading);color:var(--cat-ink,var(--color-neutral-700));margin:0;font-size:17px}
