:root{--bg:#eef0ed;--surface:#fff;--surface-2:#f5f7f5;--ink:#14201c;--muted:#63756e;--line:#e2e7e4;--brand:#0f6b55;--brand-ink:#fff;--brand-tint:#e4f1ec;--accent:#d98324;--pos:#17795e;--shadow:0 1px 2px #10221d0d, 0 8px 24px -12px #10221d2e;--r-sm:10px;--r-md:16px;--r-lg:22px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px}@media (prefers-color-scheme:dark){:root{--bg:#0b0f0e;--surface:#161c1a;--surface-2:#1e2624;--ink:#e8efec;--muted:#93a49d;--line:#283331;--brand:#3ec49e;--brand-ink:#06231c;--brand-tint:#14312a;--accent:#e8a24a;--pos:#3ec49e;--shadow:0 1px 2px #0006, 0 8px 24px -12px #0009}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer}input{font:inherit;color:inherit}.stage{min-height:100dvh;padding:var(--sp-5) var(--sp-4);place-items:center;display:grid}.phone{background:var(--bg);border:10px solid #10161a;border-radius:44px;flex-direction:column;width:100%;max-width:390px;height:844px;max-height:calc(100dvh - 48px);display:flex;position:relative;overflow:hidden;box-shadow:0 40px 80px -30px #0000008c}@media (width<=480px){.stage{padding:0}.phone{height:100dvh;max-height:none;box-shadow:none;border:0;border-radius:0}}.screen{overscroll-behavior:contain;padding:0 var(--sp-4) var(--sp-6);flex:1;overflow-y:auto}.appbar{z-index:5;background:var(--bg);padding:var(--sp-5) var(--sp-4) var(--sp-3);align-items:center;gap:var(--sp-3);display:flex;position:sticky;top:0}.appbar h1{letter-spacing:-.01em;margin:0;font-size:20px;font-weight:650}.appbar .spacer{flex:1}.iconbtn{border:1px solid var(--line);background:var(--surface);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:17px;display:grid}.iconbtn:active{transform:scale(.94)}.avatar{background:var(--brand-tint);width:38px;height:38px;color:var(--brand);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:650;display:grid}.card{background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow);padding:var(--sp-4)}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:var(--sp-5) var(--sp-1) var(--sp-3);font-size:13px;font-weight:650}.total{background:linear-gradient(155deg, var(--brand), color-mix(in srgb, var(--brand) 72%, #04261e));color:var(--brand-ink);border-radius:var(--r-lg);padding:var(--sp-5) var(--sp-4);box-shadow:var(--shadow)}.total .label{opacity:.78;font-size:13px}.total .amount{letter-spacing:-.02em;margin:var(--sp-1) 0 var(--sp-2);font-variant-numeric:tabular-nums;font-size:34px;font-weight:680}.total .delta{opacity:.9;font-size:13px}.goal{text-align:left;background:var(--surface);border-radius:var(--r-md);width:100%;box-shadow:var(--shadow);padding:var(--sp-4);margin-bottom:var(--sp-3);border:0;display:block}.goal:active{transform:scale(.985)}.goal-head{align-items:center;gap:var(--sp-3);display:flex}.goal-emoji{background:var(--surface-2);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:21px;display:grid}.goal-name{font-weight:600}.goal-sub{color:var(--muted);font-size:13px}.goal-pct{color:var(--brand);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px;font-weight:650}.bar{background:var(--surface-2);height:7px;margin-top:var(--sp-3);border-radius:99px;overflow:hidden}.bar>span{background:var(--brand);border-radius:99px;height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1);display:block}.btn{border-radius:var(--r-md);width:100%;padding:15px var(--sp-4);background:var(--brand);color:var(--brand-ink);border:0;font-weight:620}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn.tint{background:var(--brand-tint);color:var(--brand)}.btn-row{gap:var(--sp-3);display:flex}.row{align-items:center;gap:var(--sp-3);background:var(--surface);border:0;border-bottom:1px solid var(--line);width:100%;padding:var(--sp-4);text-align:left;display:flex}.row:first-child{border-top-left-radius:var(--r-md);border-top-right-radius:var(--r-md)}.row:last-child{border-bottom-left-radius:var(--r-md);border-bottom-right-radius:var(--r-md);border-bottom:0}.row .title{font-weight:550}.row .sub{color:var(--muted);font-size:13px}.row .end{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:14px}.list{border-radius:var(--r-md);box-shadow:var(--shadow);overflow:hidden}.field{margin-bottom:var(--sp-4)}.field>label{color:var(--muted);margin-bottom:var(--sp-2);font-size:13px;font-weight:600;display:block}.input{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);width:100%;padding:14px var(--sp-4);outline:none}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint)}.amount-input{align-items:baseline;gap:var(--sp-2);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--sp-4);display:flex}.amount-input input{letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:30px;font-weight:660}.amount-input .unit{color:var(--muted);font-size:17px;font-weight:550}.chips{gap:var(--sp-2);flex-wrap:wrap;display:flex}.chip{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:9px 14px;font-size:14px}.chip[aria-pressed=true]{background:var(--brand-tint);border-color:var(--brand);color:var(--brand);font-weight:600}.chip.emoji{border-radius:12px;padding:9px 11px;font-size:19px}.insight{background:var(--brand-tint);color:var(--brand);border-radius:var(--r-md);padding:var(--sp-4);font-size:14px}.insight strong{margin-bottom:2px;font-size:17px;display:block}.hint{color:var(--muted);margin-top:var(--sp-2);font-size:13px}.steps{padding:0 var(--sp-4) var(--sp-4);gap:6px;display:flex}.steps>i{background:var(--line);border-radius:99px;flex:1;height:3px}.steps>i[data-on=true]{background:var(--brand)}.ring{margin:var(--sp-4) auto var(--sp-5);place-items:center;display:grid;position:relative}.ring svg{transform:rotate(-90deg)}.ring .inner{text-align:center;position:absolute}.ring .inner .big{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:27px;font-weight:680}.ring .inner .small{color:var(--muted);font-size:13px}.switch{background:var(--line);border:0;border-radius:99px;flex:none;width:50px;height:30px;margin-left:auto;transition:background .2s;position:relative}.switch[aria-checked=true]{background:var(--brand)}.switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s cubic-bezier(.2,.8,.2,1);position:absolute;top:3px;left:3px}.switch[aria-checked=true]:after{transform:translate(20px)}.sheet-backdrop{z-index:20;background:#08100e73;align-items:flex-end;animation:.2s fade;display:flex;position:absolute;inset:0}.sheet{background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;padding:var(--sp-3) var(--sp-4) var(--sp-5);max-height:88%;animation:.28s cubic-bezier(.2,.8,.2,1) rise;overflow-y:auto}.sheet .grip{background:var(--line);width:38px;height:4px;margin:0 auto var(--sp-4);border-radius:99px}.sheet h2{margin:0 0 var(--sp-4);font-size:19px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(100%)}}.tabbar{border-top:1px solid var(--line);background:var(--surface);padding:var(--sp-2) var(--sp-2) calc(var(--sp-2) + env(safe-area-inset-bottom));flex:none;display:flex}.tab{padding:var(--sp-2) 0;color:var(--muted);background:0 0;border:0;flex:1;justify-items:center;gap:3px;font-size:10px;display:grid}.tab .ico{font-size:19px}.tab[aria-current=page]{color:var(--brand);font-weight:620}.stack>*+*{margin-top:var(--sp-3)}