:root{--bg:#e4f5f3;--ink:#062045;--ink-2:#062045ad;--ink-3:#06204573;--glass:#ffffff6b;--glass-strong:#ffffffa3;--edge:#ffffffd9;--edge-soft:#ffffff80;--hi:#ffffffe6;--field:#ffffff80;--grid:#06204517;--inc:#1f8a80;--exp:#d6503f;--accent:#062045;--warn:#b97a06;--on-accent:#fff;--on-inc:#fff;--orb1:#99e1d9;--orb2:#5c7fb0;--orb3:#bfeee8;--orb4:#99e1d9;--shadow:0 24px 50px -24px #06204559;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#062045;--ink:#effbf9;--ink-2:#effbf9b8;--ink-3:#effbf975;--glass:#99e1d912;--glass-strong:#99e1d926;--edge:#99e1d94d;--edge-soft:#99e1d924;--hi:#ffffff38;--field:#99e1d912;--grid:#99e1d91a;--inc:#99e1d9;--exp:#ff8b7b;--accent:#99e1d9;--warn:#ffc65c;--on-accent:#062045;--on-inc:#062045;--orb1-o:.38;--orb1:#99e1d9;--orb2:#1a4f8a;--orb3:#2f8f93;--orb4:#0f3b73;--shadow:0 24px 60px -24px #0009}}:root[data-theme=dark]{--bg:#062045;--ink:#effbf9;--ink-2:#effbf9b8;--ink-3:#effbf975;--glass:#99e1d912;--glass-strong:#99e1d926;--edge:#99e1d94d;--edge-soft:#99e1d924;--hi:#ffffff38;--field:#99e1d912;--grid:#99e1d91a;--inc:#99e1d9;--exp:#ff8b7b;--accent:#99e1d9;--warn:#ffc65c;--on-accent:#062045;--on-inc:#062045;--orb1-o:.38;--orb1:#99e1d9;--orb2:#1a4f8a;--orb3:#2f8f93;--orb4:#0f3b73;--shadow:0 24px 60px -24px #0009}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--bg);min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Zen Kaku Gothic New,Hiragino Sans,Yu Gothic,system-ui,sans-serif;font-size:15px;line-height:1.6}.num{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-family:Sora,Zen Kaku Gothic New,system-ui,sans-serif}[hidden]{display:none!important}.sky{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.sky i{filter:blur(70px);opacity:.75;border-radius:50%;position:absolute}.sky i:first-child{background:var(--orb1);width:46vmax;height:46vmax;opacity:var(--orb1-o,.75);top:-14vmax;left:-12vmax}.sky i:nth-child(2){background:var(--orb2);width:38vmax;height:38vmax;top:10vh;right:-10vmax}.sky i:nth-child(3){background:var(--orb3);opacity:.55;width:34vmax;height:34vmax;bottom:-16vmax;left:22vw}.sky i:nth-child(4){background:var(--orb4);opacity:.5;width:24vmax;height:24vmax;bottom:8vh;right:18vw}@media (prefers-reduced-motion:no-preference){.sky i:first-child{animation:38s ease-in-out infinite alternate drift}.sky i:nth-child(3){animation:46s ease-in-out infinite alternate-reverse drift}}@keyframes drift{to{transform:translate(8vmax,6vmax)scale(1.08)}}.glass{background:var(--glass);-webkit-backdrop-filter:blur(24px)saturate(170%);backdrop-filter:blur(24px)saturate(170%);border:1px solid var(--edge-soft);box-shadow:inset 0 1px 0 var(--hi), var(--shadow);position:relative}.wrap{z-index:1;max-width:1080px;margin:0 auto;padding:20px 18px 48px;position:relative}header.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.brand{letter-spacing:.04em;font-size:17px;font-weight:700}.brand small{color:var(--ink-3);letter-spacing:0;font-size:12px;font-weight:400;display:block}.head-r{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tabs{border-radius:999px;gap:2px;padding:4px;display:flex}.tabs button{color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 14px;font-weight:500}.tabs button[aria-selected=true]{background:var(--glass-strong);color:var(--ink);box-shadow:inset 0 1px 0 var(--hi)}.month{border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex}.month button{width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:18px}.month button:hover{background:var(--glass-strong)}.month .label{width:auto;min-width:118px;font:inherit;border-radius:999px;height:auto;min-height:36px;padding:4px 8px;font-weight:500;line-height:1.2}.month .label small{color:var(--ink-3);font-size:11px;font-weight:400;display:block}.hero{border-radius:30px;margin-bottom:18px;padding:28px 30px 26px;overflow:hidden}.hero .cap{color:var(--ink-2);font-size:14px}.hero .bal{margin:4px 0 18px;font-size:clamp(44px,9vw,76px);font-weight:300;line-height:1.05}.hero .bal.neg{color:var(--exp)}.flow{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.flow .k{color:var(--ink-2);align-items:center;gap:6px;font-size:12.5px;display:flex}.flow .k:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px}.flow .inc .k:before{background:var(--inc)}.flow .exp .k:before{background:var(--exp)}.flow .v{font-size:22px;font-weight:400}.meter{background:var(--field);border:1px solid var(--edge-soft);border-radius:999px;height:12px;margin-top:20px;position:relative;overflow:hidden}.meter span{background:linear-gradient(90deg,#99e1d9,var(--accent));border-radius:999px;transition:width .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 auto 0 0}.meter span.over{background:linear-gradient(90deg,var(--accent),var(--exp))}.meter-note{color:var(--ink-3);margin-top:8px;font-size:12.5px}.alerts{gap:8px;margin-top:16px;display:grid}.alert{border:1px solid var(--edge-soft);background:var(--field);border-radius:14px;align-items:flex-start;gap:10px;padding:10px 14px;font-size:13.5px;display:flex}.alert b{white-space:nowrap;font-weight:700}.alert.over{border-color:color-mix(in srgb,var(--exp) 55%,transparent);background:color-mix(in srgb,var(--exp) 13%,transparent)}.alert.over b{color:var(--exp)}.alert.near{border-color:color-mix(in srgb,var(--warn) 55%,transparent);background:color-mix(in srgb,var(--warn) 12%,transparent)}.alert.near b{color:var(--warn)}.grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:18px;display:grid}.grid.even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.stack{gap:18px;min-width:0;display:grid}.panel{border-radius:22px;min-width:0;padding:20px}.panel h2{margin:0 0 14px;font-size:15px;font-weight:700}.panel-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.panel-head h2{margin:0}.sub{color:var(--ink-3);margin:-8px 0 14px;font-size:12.5px}.seg{background:var(--field);border:1px solid var(--edge-soft);border-radius:14px;grid-template-columns:1fr 1fr;margin-bottom:14px;padding:4px;display:grid}.seg button{color:var(--ink-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:8px;font-weight:500}.seg button[aria-pressed=true]{background:var(--glass-strong);color:var(--ink);box-shadow:inset 0 1px 0 var(--hi),0 4px 12px -6px #0000004d}.seg button[data-t=expense][aria-pressed=true]{color:var(--exp)}.seg button[data-t=income][aria-pressed=true]{color:var(--inc)}.amount{background:var(--field);border:1px solid var(--edge-soft);border-radius:16px;align-items:baseline;gap:6px;margin-bottom:14px;padding:10px 16px;display:flex}.amount span{color:var(--ink-3);font-size:22px}.amount input{min-width:0;color:var(--ink);text-align:right;background:0 0;border:0;outline:none;flex:1;font-family:Sora,system-ui,sans-serif;font-size:32px;font-weight:300}.amount:focus-within{border-color:var(--accent)}.chips{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.chip{border:1px solid var(--edge-soft);background:var(--field);color:var(--ink-2);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13.5px;display:inline-flex}.chip i{border-radius:50%;width:7px;height:7px}.chip[aria-pressed=true]{background:var(--glass-strong);color:var(--ink);border-color:var(--edge)}.row2{grid-template-columns:auto 1fr;gap:8px;margin-bottom:14px;display:grid}.field{background:var(--field);border:1px solid var(--edge-soft);color:var(--ink);font:inherit;border-radius:12px;width:100%;min-width:0;padding:9px 12px}.field:focus{border-color:var(--accent);outline:none}select.field{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px;padding-right:28px}select.field option{color:#062045}input[type=date].field{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;width:auto}@media (prefers-color-scheme:dark){input[type=date].field{--lightningcss-light: ;--lightningcss-dark:initial}}.add{width:100%;font:inherit;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--exp),#e0708f);box-shadow:inset 0 1px 0 #fff6,0 10px 24px -12px var(--exp);border:0;border-radius:14px;padding:13px;font-weight:700}.add.income{color:var(--on-inc);background:linear-gradient(135deg,var(--inc),color-mix(in srgb,var(--inc) 70%,var(--accent)));box-shadow:inset 0 1px 0 #fff6,0 10px 24px -12px var(--inc)}.add.neutral{color:var(--on-accent);background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 75%,#99e1d9));box-shadow:inset 0 1px 0 #fff6,0 10px 24px -12px var(--accent)}.add:disabled{opacity:.45;cursor:not-allowed}.hint{color:var(--ink-3);text-align:center;margin-top:10px;font-size:12px}.donut-wrap{grid-template-columns:170px 1fr;align-items:center;gap:18px;display:grid}.donut{width:170px;height:170px;position:relative}.donut svg{width:100%;height:100%;transform:rotate(-90deg)}.donut .mid{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.donut .mid b{font-size:19px;font-weight:400}.donut .mid small{color:var(--ink-3);font-size:11.5px}.legend{gap:6px;margin:0;padding:0;list-style:none;display:grid}.legend li{grid-template-columns:10px 1fr auto auto;align-items:center;gap:8px;font-size:13.5px;display:grid}.legend i{border-radius:3px;width:10px;height:10px}.legend .p{color:var(--ink-3);text-align:right;min-width:36px;font-size:12px}.empty{color:var(--ink-3);text-align:center;padding:18px 0;font-size:13.5px}.empty .ghost{margin-top:10px}.bud{gap:14px;display:grid}.bud-row .top{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;font-size:13.5px;display:flex}.bud-row .top span:first-child{align-items:center;gap:7px;display:flex}.bud-row .top i{border-radius:50%;width:8px;height:8px}.bud-row .top .r{color:var(--ink-2);font-size:12.5px}.bud-row .top .r b{color:var(--ink);font-size:13.5px;font-weight:400}.bar{background:var(--field);border:1px solid var(--edge-soft);border-radius:999px;height:9px;position:relative}.bar>span{border-radius:999px;transition:width .5s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0 auto 0 0}.bar .pace{background:var(--ink-3);border-radius:2px;width:2px;position:absolute;top:-4px;bottom:-4px}.bud-row .note{color:var(--ink-3);margin-top:4px;font-size:12px}.bud-row.over .note{color:var(--exp)}.bud-row.near .note{color:var(--warn)}.bud-total{color:var(--ink-2);border-top:1px solid var(--edge-soft);justify-content:space-between;padding-top:12px;font-size:13px;display:flex}.pace-key{color:var(--ink-3);align-items:center;gap:6px;margin-top:12px;font-size:11.5px;display:flex}.pace-key:before{content:"";background:var(--ink-3);border-radius:2px;width:2px;height:12px}.ghost{border:1px solid var(--edge-soft);background:var(--field);color:var(--ink-2);font:inherit;cursor:pointer;border-radius:999px;padding:5px 12px;font-size:13px}.ghost:hover{color:var(--ink)}.day{margin-top:14px}.day:first-child{margin-top:0}.day-h{color:var(--ink-3);border-bottom:1px solid var(--edge-soft);justify-content:space-between;padding:0 4px 6px;font-size:12.5px;display:flex}.item{border-bottom:1px solid var(--edge-soft);grid-template-columns:10px minmax(0,1fr) auto 32px;align-items:center;gap:10px;padding:10px 4px;display:grid}.item i{border-radius:50%;width:10px;height:10px}.item .t{min-width:0}.item .t b{font-size:14.5px;font-weight:500}.item .t span{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;display:block;overflow:hidden}.tag{vertical-align:2px;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:6px;margin-left:6px;padding:3px 6px;font-size:10.5px;font-style:normal;line-height:1;display:inline-block}.item .a{font-size:15.5px}.item .a.inc{color:var(--inc)}.del{width:32px;height:32px;color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:17px}.del:hover{background:var(--field);color:var(--exp)}@media (prefers-reduced-motion:no-preference){.item.new{animation:.6s ease-out pop}}@keyframes pop{0%{background:var(--glass-strong)}to{background:0 0}}.yr-nav{align-items:center;gap:4px;display:flex}.yr-nav button{border:1px solid var(--edge-soft);background:var(--field);width:32px;height:32px;color:var(--ink);cursor:pointer;border-radius:50%;font-size:16px}.yr-nav span{text-align:center;min-width:74px;font-weight:500}.ysum{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.ysum .k{color:var(--ink-2);font-size:12px}.ysum .v{font-size:20px;font-weight:400}.ysum .v.neg{color:var(--exp)}.chart-box{margin:0 -6px;overflow-x:auto}.chart{width:100%;min-width:560px;height:auto;display:block}.chart text{fill:var(--ink-3);font-family:Sora,system-ui,sans-serif;font-size:11px}.chart .hit{fill:#0000;cursor:pointer}.chart .hit:hover,.chart .hit.sel{fill:var(--field)}.chart-key{color:var(--ink-2);flex-wrap:wrap;gap:16px;margin:10px 0 0;font-size:12.5px;display:flex}.chart-key span{align-items:center;gap:6px;display:inline-flex}.chart-key i{border-radius:3px;width:10px;height:10px}.chart-key .ln i{border-radius:2px;height:3px}.ydetail{background:var(--field);border:1px solid var(--edge-soft);border-radius:14px;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-top:14px;padding:12px 16px;font-size:13.5px;display:flex}.ydetail b{font-weight:700}.ydetail .ghost{margin-left:auto}.tbl-box{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:420px;font-size:13.5px}th,td{text-align:right;border-bottom:1px solid var(--edge-soft);padding:9px 8px}th{color:var(--ink-3);font-size:12px;font-weight:500}th:first-child,td:first-child{text-align:left}tbody tr{cursor:pointer}tbody tr:hover{background:var(--field)}td.inc{color:var(--inc)}td.neg{color:var(--exp)}td.dim{color:var(--ink-3)}.bgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.bin{grid-template-columns:1fr 120px;align-items:center;gap:8px;font-size:13.5px;display:grid}.bin label{align-items:center;gap:7px;display:flex}.bin label i{border-radius:50%;width:8px;height:8px}.bin .field{text-align:right;padding:7px 10px;font-family:Sora,system-ui,sans-serif}.fx-form{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.fx-form .full{grid-column:1/-1}.dayf{color:var(--ink-2);align-items:center;gap:6px;font-size:13.5px;display:flex}.dayf .field{text-align:right;width:80px}.fx-list{margin-top:16px}.fx{border-bottom:1px solid var(--edge-soft);grid-template-columns:10px minmax(0,1fr) auto auto 32px;align-items:center;gap:10px;padding:11px 4px;display:grid}.fx:first-child{border-top:1px solid var(--edge-soft)}.fx i{border-radius:50%;width:10px;height:10px}.fx .t b{font-weight:500}.fx .t span{color:var(--ink-3);font-size:12px;display:block}.fx .t span.done{color:var(--inc)}.fx.off{opacity:.5}.sw{border:1px solid var(--edge-soft);background:var(--field);cursor:pointer;border-radius:999px;width:40px;height:24px;padding:0;position:relative}.sw:after{content:"";background:var(--ink-3);border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:2px;left:2px}.sw[aria-checked=true]{background:color-mix(in srgb,var(--inc) 35%,transparent)}.sw[aria-checked=true]:after{background:var(--inc);left:18px}.fx-sum{color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin-top:12px;font-size:13px;display:flex}.foot{text-align:center;color:var(--ink-3);margin-top:22px;font-size:12px}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));opacity:0;z-index:5;pointer-events:none;text-align:center;border-radius:999px;max-width:calc(100vw - 32px);padding:10px 18px;font-size:13.5px;transition:all .3s;position:fixed;transform:translate(-50%,20px)}.toast.show{opacity:1;transform:translate(-50%)}.toast.over{color:var(--exp)}.toast.near{color:var(--warn)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=820px){.grid,.grid.even{grid-template-columns:1fr}.ysum{grid-template-columns:1fr 1fr}}@media (width<=520px){.wrap{padding:14px 12px 40px}.hero{border-radius:24px;padding:22px 20px}.flow{grid-template-columns:1fr 1fr}.flow .rate{grid-column:1/-1}.donut-wrap{grid-template-columns:1fr;justify-items:center}.legend{width:100%}.bgrid{grid-template-columns:1fr}.head-r{justify-content:space-between;width:100%}}