:root{--paper:#eceeeb;--surface:#f7f8f6;--ink:#1c2421;--graphite:#5e6862;--rule:#cdd3ce;--rule-strong:#a7b0aa;--danger:#b42318;--income:#0f7b6c;--expense:#d4512f;--font-display:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--font-body:"Manrope", "Segoe UI", system-ui, sans-serif;--space:8px;--radius:6px;--max-width:640px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-body);color:var(--ink);background:var(--paper);font-size:15px;line-height:1.5}:root[data-theme=dark]{--paper:#141816;--surface:#1c211f;--ink:#e3e8e5;--graphite:#949f99;--rule:#2c3330;--rule-strong:#46504b;--danger:#ff7a6b;--income:#3cc2ae;--expense:#ff8a6e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#141816;--surface:#1c211f;--ink:#e3e8e5;--graphite:#949f99;--rule:#2c3330;--rule-strong:#46504b;--danger:#ff7a6b;--income:#3cc2ae;--expense:#ff8a6e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--paper);min-height:100dvh;margin:0}a{color:inherit;text-underline-offset:3px}h1,h2,h3{font-family:var(--font-display);text-wrap:balance;margin:0;font-weight:700;line-height:1.15}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.loading,.empty{color:var(--graphite);margin:0}.loading{text-align:center;padding-top:15vh}.empty{padding-block:calc(var(--space) * 3)}.form-error{color:var(--danger);margin:0;font-size:.875rem}.button{font:inherit;border-radius:var(--radius);padding:calc(var(--space) * 1.1) calc(var(--space) * 2);cursor:pointer;white-space:nowrap;border:1px solid #0000;font-weight:600}.button:disabled{opacity:.55;cursor:not-allowed}.button--primary{background:var(--ink);color:var(--paper)}.button--primary:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 85%, var(--paper))}.button--secondary{color:var(--ink);border-color:var(--rule-strong);background:0 0}.button--secondary:hover:not(:disabled),.button--ghost:hover:not(:disabled),.button--icon:hover:not(:disabled){background:color-mix(in srgb, var(--ink) 7%, transparent)}.button--ghost{color:var(--graphite);padding-inline:var(--space);background:0 0}.button--danger{color:var(--danger);text-underline-offset:3px;background:0 0;padding-inline:0;text-decoration:underline}.button--destructive{background:var(--danger);color:var(--paper)}.button--destructive:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 85%, var(--ink))}.button--icon,.button--add{background:0 0;place-items:center;width:40px;height:40px;padding:0;display:grid}.button--icon{color:var(--graphite)}.button--small{padding-block:calc(var(--space) * .4);font-size:.8rem}.button--add{border-color:var(--rule-strong);color:var(--ink);border-radius:50%}.button--add:hover{border-color:var(--ink);background:var(--ink);color:var(--paper)}.form{gap:calc(var(--space) * 2);display:grid}.form__actions{align-items:center;gap:calc(var(--space) * 2);display:flex}.form__secondary{margin-left:auto}.field{gap:calc(var(--space) * .6);flex-direction:column;min-width:0;display:flex}.field__label{font-size:.85rem;font-weight:600}.field__input{width:100%;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:calc(var(--space) * 1.1) calc(var(--space) * 1.25);font-size:16px}input[type=date].field__input{appearance:none;min-width:0;max-width:100%;min-height:calc(1.5em + var(--space) * 2.2 + 2px)}.field__input::-webkit-date-and-time-value{text-align:left}.field__input:focus{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);outline:none}.fieldset{gap:calc(var(--space) * .6);border:0;min-width:0;margin:0;padding:0;display:grid}.fieldset legend{padding:0}.field-row{gap:calc(var(--space) * 1.5);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.frequency-fields{align-items:center;gap:var(--space);display:flex}.frequency-fields .field{flex:1}.frequency-fields .field:has(input[type=number]){flex:0 0 72px}.frequency-fields__prefix{color:var(--graphite)}.auth-page{min-height:100dvh;padding:calc(var(--space) * 2);place-items:center;display:grid;position:relative}.auth-page__display{top:calc(var(--space) * 2);right:calc(var(--space) * 2);position:absolute}.auth-card{gap:calc(var(--space) * 2.5);width:100%;max-width:360px;display:grid}.auth-card__brand{font-family:var(--font-display);color:var(--graphite);margin:0;font-weight:700}.auth-card__title{font-size:2rem}.auth-card .form__actions .button{flex:1}.auth-card__notice{margin:0;line-height:1.5}.auth-card__footer{color:var(--graphite);margin:0;font-size:.9rem;line-height:1.9}.app-header{z-index:20;padding-top:env(safe-area-inset-top);background:var(--paper);border-bottom:1px solid var(--rule);position:sticky;top:0}.app-header__bar,.app-main{max-width:var(--max-width);padding-inline:max(calc(var(--space) * 2.5), env(safe-area-inset-left));margin:0 auto}.app-header__bar{justify-content:space-between;align-items:center;gap:calc(var(--space) * 2);padding-block:calc(var(--space) * .75);display:flex}.app-header__brand{font-family:var(--font-display);font-size:1.1rem;font-weight:700;text-decoration:none}.app-header__actions{gap:calc(var(--space) * .5);margin-right:calc(var(--space) * -1);display:flex}.app-main{padding-block:calc(var(--space) * 3) calc(var(--space) * 8 + env(safe-area-inset-bottom))}.section-header{justify-content:space-between;align-items:center;gap:calc(var(--space) * 2);display:flex}.month-page{gap:calc(var(--space) * 3);display:grid}.month-page__content{gap:calc(var(--space) * 4);transition:opacity .12s;display:grid}.month-page__content[data-stale]{opacity:.45}.month-page__list{gap:var(--space);display:grid}.month-nav{align-items:center;gap:var(--space);margin-inline:calc(var(--space) * -1);grid-template-columns:auto 1fr auto;display:grid}.month-nav__label{text-align:center;font-size:1.35rem}.month-nav__label:first-letter{text-transform:uppercase}.month-nav__today{grid-column:1/-1;justify-self:center}.summary{gap:calc(var(--space) * 2);display:grid}.summary__balance{gap:calc(var(--space) * .25);display:grid}.summary__label,.stat__label{color:var(--graphite);font-size:.85rem}.summary__amount{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(2.4rem,11vw,3.4rem);font-weight:700;line-height:1.05}.summary__amount[data-negative]{color:var(--danger)}.summary__bar{background:color-mix(in srgb, var(--income) 35%, var(--paper));border-radius:4px;height:8px;overflow:hidden}.summary__bar span{background:var(--expense);border-right:2px solid var(--paper);height:100%;transition:width .2s;display:block}.summary__totals{gap:calc(var(--space) * 2);grid-template-columns:1fr 1fr;margin:0;display:grid}.stat{gap:calc(var(--space) * .25);display:grid}.stat__label:before{content:"";width:8px;height:8px;margin-right:calc(var(--space) * .75);background:var(--income);border-radius:2px;display:inline-block}.stat:last-child .stat__label:before{background:var(--expense)}.stat__value{font-family:var(--font-display);font-variant-numeric:tabular-nums;margin:0;font-size:1.2rem;font-weight:700}.segmented{border:1px solid var(--rule-strong);border-radius:var(--radius);padding:2px;display:inline-flex}.segmented__option{padding:calc(var(--space) * .9) calc(var(--space) * 2);font:inherit;color:var(--graphite);border-radius:calc(var(--radius) - 2px);cursor:pointer;background:0 0;border:0;font-size:.9rem;font-weight:600}.segmented__option[aria-pressed=true]{background:var(--ink);color:var(--paper)}.item-list{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.item-list li{border-bottom:1px solid var(--rule)}.item-row{gap:0 calc(var(--space) * 2);width:100%;padding:calc(var(--space) * 1.5) 0;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;display:grid}.item-row:hover{background:color-mix(in srgb, var(--ink) 4%, transparent)}.item-row__name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.item-row__amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.item-row__detail{color:var(--graphite);grid-column:1/-1;font-size:.85rem}.dialog{border:1px solid var(--rule-strong);background:var(--paper);width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border-radius:10px;padding:0}.dialog::backdrop{background:color-mix(in srgb, var(--ink) 40%, transparent)}.dialog__content{gap:calc(var(--space) * 2);padding:calc(var(--space) * 3);display:grid}.dialog__header{justify-content:space-between;align-items:center;gap:var(--space);display:flex}.dialog__title{overflow-wrap:anywhere;font-size:1.35rem}.dialog__message{color:var(--graphite);text-wrap:pretty;margin:0}.dialog__actions{justify-content:flex-end;gap:var(--space);margin-top:var(--space);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important}}