:root{--ground:#edf0ea;--surface:#fff;--surface-2:#f7f9f5;--surface-3:#e4eadf;--rule:#d3dcce;--rule-strong:#b2c0ac;--ink:#101613;--ink-2:#46524a;--ink-3:#616d65;--accent:#15654c;--accent-ink:#0b6b50;--accent-soft:#d6e8de;--accent-line:#9cc7b4;--on-accent:#fff;--warn:#a83c18;--warn-soft:#f6e0d6;--warn-line:#dfa88f;--gold:#7e5e0a;--c-food:#0c7355;--c-fixed:#96650a;--c-daily:#2c6fb0;--c-transit:#b03a22;--c-fun:#8437a8;--c-other:#68746d;--shadow-1:0 1px 2px #141e160f, 0 1px 1px #141e160a;--shadow-2:0 4px 12px -4px #141e1624, 0 2px 4px -2px #141e1614;--f-disp:"Zen Old Mincho",serif;--f-body:"Zen Kaku Gothic New","Hiragino Sans",system-ui,sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,monospace;--fs-xs:12px;--fs-sm:13.5px;--fs-md:15px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:24px;--fs-hero:clamp(30px, 8.5vw, 38px);--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--r-sm:8px;--r-md:12px;--r-lg:16px;--nav-h:52px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#0d1210;--surface:#161b18;--surface-2:#1c2320;--surface-3:#28302b;--rule:#303832;--rule-strong:#4a534c;--ink:#eef3ee;--ink-2:#aab6af;--ink-3:#8b978f;--accent:#2e9e77;--accent-ink:#4bc694;--accent-soft:#183028;--accent-line:#2f5f4c;--on-accent:#08100c;--warn:#f08e63;--warn-soft:#3a241b;--warn-line:#6e4030;--gold:#d9b248;--c-food:#3fb98a;--c-fixed:#d0a33a;--c-daily:#5e9ad9;--c-transit:#e4694a;--c-fun:#b571d6;--c-other:#93a199;--shadow-1:0 1px 2px #00000080;--shadow-2:0 6px 16px -6px #000000b3, 0 2px 6px -2px #00000080}}:root[data-theme=dark]{--ground:#0d1210;--surface:#161b18;--surface-2:#1c2320;--surface-3:#28302b;--rule:#303832;--rule-strong:#4a534c;--ink:#eef3ee;--ink-2:#aab6af;--ink-3:#8b978f;--accent:#2e9e77;--accent-ink:#4bc694;--accent-soft:#183028;--accent-line:#2f5f4c;--on-accent:#08100c;--warn:#f08e63;--warn-soft:#3a241b;--warn-line:#6e4030;--gold:#d9b248;--c-food:#3fb98a;--c-fixed:#d0a33a;--c-daily:#5e9ad9;--c-transit:#e4694a;--c-fun:#b571d6;--c-other:#93a199;--shadow-1:0 1px 2px #00000080;--shadow-2:0 6px 16px -6px #000000b3, 0 2px 6px -2px #00000080}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--f-body);font-size:var(--fs-md);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0;line-height:1.5}:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px;border-radius:3px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.yen{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-weight:700}.neg{color:var(--warn)}.pos{color:var(--accent-ink)}.row{justify-content:space-between;align-items:center;gap:var(--sp-2);display:flex}.field-label{font-size:var(--fs-xs);letter-spacing:.08em;color:var(--ink-2);font-family:var(--f-mono);font-weight:500}.section-head{justify-content:space-between;align-items:baseline;gap:var(--sp-2);margin-bottom:var(--sp-3);padding-bottom:var(--sp-2);border-bottom:1px solid var(--rule);display:flex}.section-head__t{font-size:var(--fs-md);color:var(--ink);letter-spacing:.01em;font-weight:700}.section-head__s{font-size:var(--fs-xs);color:var(--ink-2);font-variant-numeric:tabular-nums}.card{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-lg);padding:var(--sp-4);box-shadow:var(--shadow-1)}.card--plain{box-shadow:none;background:0 0;border:none;padding:0}.card--dashed{text-align:center;color:var(--ink-2);box-shadow:none;background:0 0;border-style:dashed}.card--hero{background:linear-gradient(180deg,var(--accent-soft),var(--surface) 72%);border:1px solid var(--accent-line);box-shadow:var(--shadow-2);padding:var(--sp-5) var(--sp-4)}.card--hero.is-neg{background:linear-gradient(180deg,var(--warn-soft),var(--surface) 72%);border-color:var(--warn-line)}.card__empty{font-size:var(--fs-sm);color:var(--ink-2);margin:0}.hero__label{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--ink-2);font-weight:700;display:flex}.hero__value{font-size:var(--fs-hero);font-variant-numeric:tabular-nums;letter-spacing:-.02em;margin-top:2px;font-weight:700;line-height:1.1}.hero__stats{gap:var(--sp-3);margin-top:var(--sp-4);padding-top:var(--sp-4);border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;display:grid}.stat__k{font-size:var(--fs-xs);color:var(--ink-2);font-weight:500}.stat__v{font-size:var(--fs-xl);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.25}.delta{font-size:var(--fs-xs);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:99px;align-items:center;gap:3px;padding:2px 7px;font-weight:700;display:inline-flex}.delta--up{background:var(--warn-soft);color:var(--warn)}.delta--down{background:var(--accent-soft);color:var(--accent-ink)}.delta--flat{background:var(--surface-3);color:var(--ink-2)}.delta--plain{background:0 0;padding:0}.badge{font-size:var(--fs-xs);background:var(--surface-3);color:var(--ink-2);border-radius:99px;padding:2px 8px;font-weight:700}.chip{font-size:var(--fs-sm);border:1px solid var(--rule-strong);color:var(--ink);background:var(--surface);cursor:pointer;border-radius:99px;align-items:center;padding:8px 14px;font-weight:500;line-height:1.4;display:inline-flex}.chip:hover{border-color:var(--ink-3)}.chip--on{background:var(--accent);color:var(--on-accent);border-color:#0000;font-weight:700}.chip--sm{font-size:var(--fs-xs);padding:5px 11px}.chips{gap:var(--sp-2);flex-wrap:wrap;display:flex}.segmented{background:var(--surface-3);border-radius:99px;gap:2px;padding:3px;display:inline-flex}.segmented button{cursor:pointer;font-size:var(--fs-xs);color:var(--ink-2);background:0 0;border:none;border-radius:99px;padding:5px 12px;font-family:inherit;font-weight:700}.segmented button.is-on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.btn{text-align:center;background:var(--accent);width:100%;color:var(--on-accent);border-radius:var(--r-md);font-size:var(--fs-md);cursor:pointer;border:none;padding:13px;font-family:inherit;font-weight:700;display:block}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.btn--ghost{background:var(--surface);border:1px solid var(--rule-strong);color:var(--ink)}.btn--ghost:hover{background:var(--surface-3);filter:none}.keypad{gap:var(--sp-2);grid-template-columns:repeat(4,1fr);display:grid}.key{background:var(--surface);border:1px solid var(--rule);border-radius:var(--r-md);text-align:center;font-size:var(--fs-xl);font-variant-numeric:tabular-nums;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--shadow-1);padding:16px 0;font-weight:500}.key:active{background:var(--surface-3)}.key--op{color:var(--accent-ink);font-size:var(--fs-md);font-weight:700}.list{flex-direction:column;display:flex}.li{align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--rule);padding:11px 0;display:flex}.li:last-child{border-bottom:none}.li__dot{border-radius:3px;flex:0 0 10px;width:10px;height:10px}.li__main{flex:1;min-width:0}.li__t{font-size:var(--fs-md);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.li__s{font-size:var(--fs-xs);color:var(--ink-2);margin-top:1px}.li--tap{cursor:pointer}.li--tap:hover{background:var(--surface-2)}.li.is-selected{background:var(--accent-soft)}.li>.li__t{flex:1}.donut{border-radius:99px;flex:0 0 112px;width:112px;height:112px;-webkit-mask:radial-gradient(circle,#0000 47%,#000 48%);mask:radial-gradient(circle,#0000 47%,#000 48%)}.legend{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.legend div{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);display:flex}.legend i{border-radius:3px;flex:0 0 10px;width:10px;height:10px}.legend span{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.legend b{font-variant-numeric:tabular-nums;font-weight:700;font-size:var(--fs-sm)}.cmp{gap:var(--sp-3);flex-direction:column;display:flex}.cmp__row{gap:2px var(--sp-3);grid-template-columns:1fr auto;align-items:baseline;display:grid}.cmp__name{align-items:center;gap:var(--sp-2);font-size:var(--fs-md);color:var(--ink);min-width:0;display:flex}.cmp__name span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cmp__amt{font-size:var(--fs-md);font-variant-numeric:tabular-nums;font-weight:700}.cmp__track{background:var(--surface-3);border-radius:99px;grid-column:1/-1;height:8px;margin-top:3px;overflow:hidden}.cmp__fill{border-radius:99px;height:100%}.cmp__foot{font-size:var(--fs-xs);color:var(--ink-2);grid-column:1/-1;justify-content:space-between;display:flex}.bars{align-items:flex-end;gap:var(--sp-2);height:86px;display:flex}.bars>div{flex-direction:column;flex:1;justify-content:flex-end;height:100%;display:flex}.bar{background:var(--accent-ink);border-radius:4px 4px 0 0}.bar--soft{background:var(--rule-strong)}.bar--now{box-shadow:inset 0 0 0 2px var(--ink)}.xlab{gap:var(--sp-2);margin-top:5px;display:flex}.xlab>span{text-align:center;font-size:var(--fs-xs);color:var(--ink-2);flex:1;font-weight:500}.xlab>span.sat{color:var(--c-daily)}.xlab>span.sun{color:var(--warn)}.vlab{gap:var(--sp-2);margin-bottom:4px;display:flex}.vlab>span{text-align:center;color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.hbar{background:var(--surface-3);border-radius:99px;gap:2px;height:8px;display:flex;overflow:hidden}.hbar>i{border-radius:99px;flex:none;height:100%}.trend{touch-action:manipulation;width:100%;display:block;overflow:visible}.trend__bar{cursor:pointer}.trend__bar rect{transition:opacity .12s}.trend__bar:hover rect{opacity:.75}.trend__zero{stroke:var(--rule-strong);stroke-width:1px}.trend__grid{stroke:var(--rule);stroke-width:1px;stroke-dasharray:2 4}.trend__avg{stroke:var(--ink-3);stroke-width:1.5px;stroke-dasharray:5 4;fill:none}.trend__xlab{fill:var(--ink-2);font-size:11px;font-family:var(--f-body)}.trend__xlab--on{fill:var(--ink);font-weight:700}.trend__ylab{fill:var(--ink-2);font-size:11px;font-family:var(--f-mono)}.trend__foot{gap:var(--sp-2) var(--sp-4);margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--rule);flex-wrap:wrap;display:flex}.trend__stat{flex-direction:column;gap:1px;display:flex}.trend__stat b{font-size:var(--fs-md);font-variant-numeric:tabular-nums;font-weight:700}.trend__stat span{font-size:var(--fs-xs);color:var(--ink-2)}.amount-input{border:none;border-top:1px dashed var(--rule-strong);text-align:right;width:100%;font-family:var(--f-mono);font-size:var(--fs-sm);color:var(--ink-2);background:0 0;margin-top:2px;padding-top:6px}.amount-input::placeholder{color:var(--ink-3)}.amount-input:read-only{caret-color:#0000}.amount-input:focus{color:var(--ink);border-top-color:var(--accent-ink);outline:none}.cal-wrap{overflow:hidden}.cal{touch-action:pan-y}.cal__weekdays{margin-bottom:var(--sp-1);grid-template-columns:repeat(7,1fr);display:grid}.cal__wd{text-align:center;font-size:var(--fs-xs);color:var(--ink-2);padding:4px 0;font-weight:700}.cal__wd.is-sun{color:var(--warn)}.cal__wd.is-sat{color:var(--c-daily)}.cal__grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal__cell{border-radius:var(--r-sm);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;justify-content:flex-start;align-items:center;gap:2px;min-height:52px;padding:6px 2px 4px;font-family:inherit;display:flex}.cal__cell:hover{background:var(--surface-2)}.cal__cell.is-out{opacity:.35}.cal__cell.is-today,.cal__cell.is-today:hover{background:var(--surface-3)}.cal__cell.is-selected{background:var(--accent);border-color:#0000}.cal__cell.is-selected:hover{background:var(--accent)}.cal__num{font-size:var(--fs-md);color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.cal__num.is-sun{color:var(--warn)}.cal__num.is-sat{color:var(--c-daily)}.cal__cell.is-selected .cal__num{color:var(--on-accent)}.cal__dots{color:var(--accent-ink);letter-spacing:-1px;height:10px;font-size:10px;line-height:1;overflow:hidden}.cal__cell.is-selected .cal__dots{color:var(--on-accent)}.section-head__btn{background:var(--accent);width:30px;height:30px;color:var(--on-accent);border-radius:99px;flex:none;justify-content:center;align-items:center;display:inline-flex}.section-head__btn svg{stroke-width:2.4px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.ledger-row__text{flex:1;align-items:baseline;gap:6px;min-width:0;display:flex;overflow:hidden}.ledger-row__name{font-size:var(--fs-md);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:0 auto;overflow:hidden}.ledger-row__cat{font-size:var(--fs-md);color:var(--ink-2);white-space:nowrap;flex:none}.ledger-row__cat:before{content:"・";color:var(--ink-3);margin-right:6px}.month-group{padding:0;overflow:hidden}.month-group__head{align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-4);cursor:pointer;text-align:left;background:0 0;border:none;font-family:inherit;display:flex}.month-group__head:hover{background:var(--surface-2)}.month-group__chevron{color:var(--ink-2);font-size:var(--fs-sm);width:14px}.month-group__label{font-size:var(--fs-lg);color:var(--ink);flex:1;font-weight:700}.month-group__total{font-size:var(--fs-md)}.month-group__body{padding:0 var(--sp-4) var(--sp-3)}.day-group{border-top:1px solid var(--rule);padding-top:var(--sp-2);margin-top:var(--sp-2)}.day-group:first-child{border-top:none;margin-top:0;padding-top:0}.day-group__head{align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-1) 0;cursor:pointer;text-align:left;background:0 0;border:none;font-family:inherit;display:flex}.day-group__chevron{color:var(--ink-3);width:12px;font-size:11px}.day-group__date{font-size:var(--fs-sm);color:var(--ink-2);flex:1;font-weight:700}.day-group__total{font-size:var(--fs-sm);color:var(--ink-2)}.app-shell{background:var(--ground);flex-direction:column;max-width:560px;min-height:100%;margin:0 auto;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.app-nav{z-index:10;align-items:center;gap:var(--sp-2);min-height:var(--nav-h);padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--rule);background:color-mix(in srgb,var(--ground) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap;display:flex;position:sticky;top:0}.app-nav__arrow{background:var(--surface);border:1px solid var(--rule);width:34px;height:34px;color:var(--ink-2);font-size:var(--fs-lg);cursor:pointer;border-radius:var(--r-sm);flex:none;place-items:center;line-height:1;display:grid}.app-nav__arrow:hover:not(:disabled){background:var(--surface-3);color:var(--ink);border-color:var(--rule-strong)}.app-nav__arrow:disabled{opacity:.3;cursor:default}.app-nav__title{text-align:center;white-space:nowrap;min-width:0;font-size:var(--fs-lg);letter-spacing:.01em;color:var(--ink);flex:1;font-weight:700}.app-nav__aux{font-size:var(--fs-xs);color:var(--ink-2);font-variant-numeric:tabular-nums;flex:none;margin-left:auto}.app-body{padding:var(--sp-4) var(--sp-4) calc(72px + env(safe-area-inset-bottom,0px));gap:var(--sp-3);flex:1;grid-template-columns:1fr;align-content:start;display:grid}.tabbar{z-index:20;border-top:1px solid var(--rule);background:var(--surface);max-width:560px;padding-bottom:env(safe-area-inset-bottom,0);margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px -6px #141e1640}.tab{padding:var(--sp-2) 0 9px;color:var(--ink-2);font-size:var(--fs-xs);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:3px;font-weight:500;text-decoration:none;display:flex}.tab.is-active{color:var(--accent-ink);font-weight:700}.tab svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.fab{background:var(--accent);width:48px;height:48px;color:var(--on-accent);box-shadow:0 6px 16px -6px var(--accent);border-radius:99px;place-items:center;margin-top:-16px;display:grid}.fab svg{stroke-width:2.4px;width:23px;height:23px}.sidenav{display:none}.centered{min-height:100%;padding:var(--sp-6);justify-content:center;align-items:center;gap:var(--sp-5);flex-direction:column;display:flex}.form{gap:var(--sp-3);flex-direction:column;width:100%;max-width:340px;display:flex}.form input{font-size:var(--fs-md);border-radius:var(--r-md);border:1px solid var(--rule-strong);background:var(--surface);color:var(--ink);font-family:var(--f-body);padding:12px 14px}.form input::placeholder{color:var(--ink-3)}.form-error{color:var(--warn);font-size:var(--fs-sm);font-weight:500}@media (width>=900px){.app-shell{align-items:stretch;gap:var(--sp-6);max-width:1240px;padding:0 var(--sp-6);flex-direction:row}.sidenav{gap:var(--sp-1);width:212px;height:100vh;padding:var(--sp-6) 0 var(--sp-6);flex-direction:column;flex:0 0 212px;align-self:flex-start;display:flex;position:sticky;top:0}.sidenav__brand{font-family:var(--f-disp);font-size:var(--fs-lg);color:var(--ink);padding:0 var(--sp-3) var(--sp-4);letter-spacing:.02em}.sidenav__link{align-items:center;gap:var(--sp-3);padding:10px var(--sp-3);border-radius:var(--r-md);color:var(--ink-2);font-size:var(--fs-md);font-weight:500;text-decoration:none;display:flex}.sidenav__link:hover{background:var(--surface-2);color:var(--ink)}.sidenav__link.is-active{background:var(--accent-soft);color:var(--accent-ink);font-weight:700}.sidenav__link svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.sidenav__cta{margin-top:var(--sp-4);justify-content:center;align-items:center;gap:var(--sp-2);background:var(--accent);color:var(--on-accent);border-radius:var(--r-md);font-size:var(--fs-md);padding:11px;font-weight:700;text-decoration:none;display:flex}.sidenav__cta svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.tabbar{display:none}.app-nav{padding:var(--sp-4) 0 var(--sp-3);background:color-mix(in srgb,var(--ground) 94%,transparent)}.app-nav__title{text-align:left;font-size:var(--fs-2xl);margin-right:var(--sp-2);flex:none;order:-1}.app-nav__aux{font-size:var(--fs-sm);order:1;margin-left:auto}.app-body{gap:var(--sp-4);padding:var(--sp-4) 0 var(--sp-6);grid-template-columns:repeat(2,minmax(0,1fr))}.app-body>.col-full{grid-column:1/-1}.app-body--single{grid-template-columns:minmax(0,580px)}.home-cta{display:none}}