*{box-sizing:border-box}[hidden]{display:none!important}.stack{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}html,body{margin:0;padding:0}html{scroll-padding-block:64px calc(152px + env(safe-area-inset-bottom,0px))}body{background:var(--bg);color:var(--fg);font:15px/1.45 -apple-system,SF Pro Text,Segoe UI,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh;overflow-wrap:anywhere;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))}b,strong{font-weight:600}.num,[data-num]{font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font:inherit;color:inherit}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.appbar{position:sticky;top:0;z-index:15;display:grid;grid-template-columns:minmax(44px,max-content) minmax(0,1fr) minmax(44px,max-content);align-items:center;min-height:52px;padding:0 6px;background:var(--card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.appbar h1{margin:0;font-size:16px;font-weight:600;text-align:center;letter-spacing:-.01em;grid-column:2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.appbar .back{grid-column:1;justify-self:start}.appbar .txt{grid-column:3}.appbar button{border:0;background:none;min-height:44px;min-width:44px;padding:0;cursor:pointer;color:var(--hint);display:grid;place-items:center;border-radius:var(--r-sm)}.appbar button svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.appbar button.txt{color:var(--accent);font-weight:600;font-size:14px;white-space:nowrap;min-width:0;padding:0 10px;justify-self:end}.appbar button[hidden]{display:none}body.tg-back .appbar .back{visibility:hidden}.screen{display:none;padding:6px 16px 28px;max-width:560px;margin:0 auto}.screen.on{display:flex;flex-direction:column;gap:10px}.screen>*{min-width:0}@keyframes rise{0%{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}.lede{color:var(--hint);font-size:13.5px;margin:0 2px}.hero{background:var(--hero-bg);color:var(--hero-fg);border:1px solid var(--hero-line);border-radius:var(--r-lg);padding:12px 14px}.hero .k{font-size:12px;color:var(--hero-sub);display:flex;justify-content:space-between;align-items:center;gap:8px}.hero .v{font-size:clamp(22px,7vw,28px);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin-top:2px;color:var(--hero-num);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.hero .sub{font-size:12.5px;color:var(--hero-sub);margin-top:2px}.hero .kv{margin-top:10px;border-top:1px solid var(--hero-line);padding-top:6px}.hero .kv div{display:flex;justify-content:space-between;gap:12px;padding:4px 0;font-size:13px;border:0}.hero .kv span{color:var(--hero-sub)}.hero .kv b{font-weight:600;color:var(--hero-fg);text-align:right;font-variant-numeric:tabular-nums}.hero .kv b.gold,.hero .gold{color:var(--hero-gold)}.hero .pill{background:var(--hero-line);color:var(--hero-fg)}.hero button.eye{border:0;background:none;padding:0;color:var(--hero-sub);cursor:pointer;display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border-radius:8px}.hero button.eye svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.track{height:4px;border-radius:2px;background:var(--hero-line);margin-top:10px;overflow:hidden}.track i{display:block;height:100%;width:0;background:var(--brass);border-radius:2px;transition:width .3s}.track-cap{display:flex;justify-content:space-between;font-size:11px;color:var(--hero-sub);margin-top:6px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}.card.tint{background:var(--green-soft);border-color:var(--line)}.card.pad0{padding:0}.card.stack{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.stack>*{min-width:0}.sec{font-size:12.5px;font-weight:600;color:var(--hint);margin:6px 2px -4px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.sec span{font-weight:400;font-size:12px}.kv{display:flex;flex-direction:column}.kv div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;border-top:1px solid var(--line);font-size:13.5px}.kv div:first-child{border-top:0;padding-top:2px}.kv div:last-child{padding-bottom:2px}.kv span{color:var(--hint);min-width:0;flex:1 1 auto}.kv b{font-weight:600;text-align:right;font-variant-numeric:tabular-nums;flex:0 1 auto;min-width:0;max-width:62%}.kv b.gold{color:var(--brass-ink)}.kv b.ok{color:var(--ok)}.kv b.bad{color:var(--danger)}.kv b.mute{color:var(--hint);font-weight:400}.kv .wrap{flex-shrink:1;white-space:normal;text-align:right}.loan{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(0,max-content);min-height:60px;gap:4px 10px;align-items:center;cursor:pointer;text-align:left;width:100%;font:inherit}.loan:active{background:var(--green-soft)}.tile{width:32px;height:32px;border-radius:9px;background:var(--green-soft);color:var(--accent);display:grid;place-items:center;font-size:13px;font-weight:600;flex-shrink:0}.tile.brass{background:var(--brass-soft);color:var(--brass-ink)}.tile.lg{width:40px;height:40px;border-radius:12px;font-size:16px}.loan .nm{font-weight:600;font-size:14px;line-height:1.3;min-width:0;white-space:normal}.loan .nm small{display:block;color:var(--hint);font-weight:400;font-size:12px;margin-top:1px;white-space:normal}.loan .bal{text-align:right;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;min-width:0}.loan .two{grid-column:1/4;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;border-top:1px solid var(--line);padding-top:6px;margin-top:2px;font-size:12px;color:var(--hint);align-items:end}.loan .two b{display:block;color:var(--fg);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.loan .two .chev{color:var(--line2);font-size:18px;line-height:1}.loan .pb{grid-column:1/4;height:3px;border-radius:2px;background:var(--green-soft);overflow:hidden}.loan .pb i{display:block;height:100%;background:var(--brass)}.pill{display:inline-block;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.3;white-space:normal}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.brass{background:var(--brass-soft);color:var(--brass-ink)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.mute{background:var(--green-soft);color:var(--hint)}.pill.bad{background:var(--danger-soft);color:var(--danger)}.field{margin:0}label,.field>.lbl{display:block;font-size:12.5px;font-weight:500;color:var(--hint);margin:0 0 5px}input,select{width:100%;min-width:0;max-width:100%;min-height:46px;padding:11px 13px;border:1px solid var(--line2);border-radius:var(--r-sm);background:var(--field);color:var(--fg);font:inherit;font-size:16px}input:focus,select:focus{border-color:var(--accent)}input[aria-invalid=true]{border-color:var(--danger)}input::placeholder{color:var(--hint);opacity:1}.in{display:flex;align-items:center;gap:8px;min-width:0}.in .unit{position:static;flex:0 0 auto;max-width:40%;color:var(--hint);font-size:12px;line-height:1.3;pointer-events:none}.in input{min-width:0;flex:1 1 0}.in.unit-w input{padding-right:13px}.pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.row{display:flex;gap:10px}.row>*{min-width:0}.row .narrow{width:112px;flex-shrink:0}.hint{color:var(--hint);font-size:12.5px;margin:5px 0 0}.error{color:var(--danger);font-size:12.5px;margin:5px 0 0;min-height:1em}.error:empty{display:none}.seg{display:flex;background:var(--bg);border:1px solid var(--line2);border-radius:var(--r-sm);padding:3px;gap:3px;position:relative}.seg label{flex:1;min-width:0;min-height:44px;display:grid;place-items:center;margin:0;text-align:center;border-radius:7px;padding:8px 6px;font-size:14px;color:var(--hint);font-weight:500;cursor:pointer}.seg input{position:absolute;opacity:0;pointer-events:none;width:0;height:0;min-height:0}.seg input:checked+label{background:var(--card);color:var(--fg);font-weight:600}.seg input:focus-visible+label{outline:2px solid var(--accent);outline-offset:2px}.cta{display:block;width:100%;min-height:48px;padding:12px 14px;border:0;border-radius:var(--r-sm);background:var(--button);color:var(--button-ink);font:inherit;font-size:15px;font-weight:600;cursor:pointer;text-align:center}.cta.gold{background:var(--button);color:var(--button-ink)}.cta.ghost{background:transparent;color:var(--accent);box-shadow:inset 0 0 0 1px var(--line2)}.cta:disabled{opacity:.55;cursor:default}.cta:active:not(:disabled){transform:translateY(1px)}.alink{display:block;min-height:44px;width:100%;background:none;border:0;text-align:center;color:var(--accent);font:inherit;font-weight:600;font-size:13.5px;padding:8px 0;cursor:pointer}.alink.quiet{color:var(--hint);font-weight:500}.alink.red{color:var(--danger)}details.fold{background:var(--card);border:1px solid var(--line);border-radius:var(--r)}details.fold summary{min-height:44px;list-style:none;cursor:pointer;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13.5px;color:var(--hint)}details.fold summary::-webkit-details-marker{display:none}details.fold summary:after{content:"\203a";color:var(--line2);font-size:20px;line-height:1;transition:transform .15s}details.fold[open] summary:after{transform:rotate(90deg)}details.fold .fold-body{padding:0 14px 12px;display:grid;gap:10px}.opt{min-height:44px;display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:center;padding:9px 0;border-top:1px solid var(--line);width:100%;background:none;border-left:0;border-right:0;border-bottom:0;text-align:left;cursor:pointer;font:inherit}.opt:first-child{border-top:0;padding-top:2px}.opt:last-child{padding-bottom:2px}.opt i{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--line2);display:block}.opt.on i{border-color:var(--accent);background:radial-gradient(var(--accent) 42%,transparent 48%)}.opt .l1{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.opt b{font-weight:600;font-size:14px;display:block}.opt small{display:block;color:var(--hint);font-size:12px}.opt em{font-style:normal;font-size:12.5px;color:var(--hint);text-align:right;flex-shrink:1;min-width:0;font-variant-numeric:tabular-nums}.opt.on em{color:var(--brass-ink);font-weight:600}.stack-bar{height:8px;border-radius:4px;overflow:hidden;display:flex;margin:8px 0 6px;background:var(--green-soft)}.stack-bar i{display:block;height:100%}.stack-bar .req{background:var(--hint)}.stack-bar .extra{background:var(--brass)}.ms{list-style:none;margin:4px 0 0 6px;padding:0 0 0 16px;border-left:2px dotted var(--line2)}.ms li{position:relative;padding:0 0 12px;font-size:13.5px}.ms li:last-child{padding-bottom:2px}.ms li:before{content:"";position:absolute;left:-21px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.ms li.gold:before{background:var(--brass)}.ms .when{display:block;color:var(--hint);font-size:11.5px}.ms .what{font-weight:600;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tl{margin:0;padding:0;list-style:none;display:grid;gap:8px}.tl .mcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:10px 14px}.tl .mhead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-weight:600}.tl .mloans{margin:6px 0 0;padding:6px 0 0;list-style:none;border-top:1px solid var(--line)}.tl .mloans li{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:3px 0}.tl .mloans .who{color:var(--hint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl .mloans .amt{min-width:0;max-width:60%;text-align:right;font-variant-numeric:tabular-nums}.tl .mloans .x{color:var(--brass-ink);font-weight:600}.tl .win{margin-top:6px;font-weight:600;font-size:13px;color:var(--ok)}.tl .stretchrow{color:var(--hint);font-size:13px;padding:6px 14px;cursor:pointer}.tl .stretchrow b{color:var(--fg);font-variant-numeric:tabular-nums}.tl .stretchrow .open{color:var(--accent);font-weight:600}.finish{font-size:15px;font-weight:600;color:var(--accent);padding:4px 14px}.pin{position:fixed;left:16px;right:16px;z-index:30;bottom:calc(76px + env(safe-area-inset-bottom,0px));max-width:528px;margin:0 auto}.pin-space{height:72px;flex-shrink:0}body.mb-on .pin,body.sub .pin{bottom:calc(16px + env(safe-area-inset-bottom,0px))}nav.tabs{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;justify-content:space-around;padding:6px 8px calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);background:var(--card);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}nav.tabs button{border:0;background:none;color:var(--hint);font:inherit;font-size:11px;font-weight:600;padding:5px 4px;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:44px;min-height:44px;flex:1}nav.tabs button svg{width:22px;height:22px;display:block;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}nav.tabs button.on{color:var(--accent)}body.mb-on nav.tabs,body.sub nav.tabs{display:none}body.sub,body.mb-on{padding-bottom:calc(40px + env(safe-area-inset-bottom,0px))}.toast{position:fixed;left:50%;transform:translate(-50%) translateY(12px);bottom:calc(84px + env(safe-area-inset-bottom,0px));z-index:20;background:var(--fg);color:var(--bg);padding:9px 16px;border-radius:999px;font-size:13.5px;font-weight:600;opacity:0;pointer-events:none;transition:.2s;white-space:normal;width:max-content;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%)}.build{position:fixed;left:0;right:0;bottom:1px;text-align:center;font-size:9.5px;color:var(--hint);opacity:.6;pointer-events:none;z-index:5}.state{text-align:center;padding:28px 12px;color:var(--hint);font-size:13.5px}.state .tile{margin:0 auto 10px}.state b{display:block;color:var(--fg);font-size:15px;margin-bottom:2px}.state .cta,.state .alink{margin-top:12px}.skel{border-radius:var(--r);height:72px;border:1px solid var(--line);background:linear-gradient(100deg,var(--card) 40%,var(--green-soft) 50%,var(--card) 60%);background-size:200% 100%;animation:shimmer 1.1s linear infinite}.skel.hero-skel{height:140px;border-radius:var(--r-lg)}.skel.row-skel{height:48px}@keyframes shimmer{to{background-position:-200% 0}}.banner{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--warn-soft);color:var(--warn);border-radius:var(--r-sm);padding:9px 12px;font-size:13px;font-weight:500}.banner>span{flex:1;min-width:0}.banner button{flex:none;white-space:nowrap;overflow-wrap:normal;min-width:44px;min-height:44px;border:0;background:none;color:inherit;font-weight:600;cursor:pointer;padding:4px 6px}.banner[hidden]{display:none}.banner{margin:6px 16px 0;max-width:528px}@media(min-width:592px){.banner{margin-left:auto;margin-right:auto}}.row.override{align-items:center}.row.override .o-month{flex:1.2;min-width:0}.row.override .o-amount{flex:1;min-width:0}body.masked .num,body.masked [data-num]{filter:blur(6px);user-select:none}.plan-chart{display:block;width:100%;max-width:100%;height:auto;margin:10px 0;color:var(--accent)}.plan-chart text{fill:var(--hint);font:12px system-ui,sans-serif}.plan-chart path{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.plan-chart .grid-line{stroke:var(--line);stroke-width:1;vector-effect:non-scaling-stroke}.plan-chart .series-1{stroke:var(--hint);stroke-dasharray:5 4}.plan-chart .point-0{fill:var(--accent)}.plan-chart .point-1{fill:var(--hint)}.chart-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}.chart-controls>*{flex:1 1 120px;min-width:0}.chart-controls button{min-height:44px;padding:8px 12px;background:var(--raised);border:1px solid var(--line2);border-radius:var(--r-sm)}.chart-controls button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.chart-controls input[type=range]{flex-basis:100%;min-height:44px;padding:0;accent-color:var(--accent)}.chart-legend{display:flex;flex-wrap:wrap;gap:8px 12px;margin:4px 0 8px;color:var(--hint);font-size:12px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:16px;border-top:2px solid var(--accent)}.chart-legend .key-1{border-color:var(--hint);border-top-style:dashed}@media(max-width:360px){.screen{padding-inline:12px}.loan{grid-template-columns:32px minmax(0,1fr)}.loan .bal{grid-column:2;text-align:left}.loan .two,.loan .pb{grid-column:1/-1}.pair{grid-template-columns:minmax(0,1fr)}.row{flex-wrap:wrap}.row .narrow{width:100%;flex-shrink:1}.pin{left:12px;right:12px}}@media(max-height:540px){.appbar{position:static}.pin,body.mb-on .pin,body.sub .pin{position:static;width:100%;margin:0;max-width:none}.pin-space{display:none}}body:has(input:focus,select:focus,textarea:focus) .pin{position:static;width:100%;margin:0;max-width:none}body:has(input:focus,select:focus,textarea:focus) .pin-space{display:none}#plan-overview{gap:10px}#plan-chart .plan-chart{height:132px;margin:6px 0}#chart-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#chart-values>div{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:0;padding:4px 0;min-width:0}#chart-values span{font-size:12px}#chart-values b{font-size:14px;max-width:none;width:100%;white-space:nowrap;overflow-wrap:normal;text-align:left;font-variant-numeric:tabular-nums}#chart-month{width:100%;min-height:44px;padding:0}.appbar{grid-template-columns:36px minmax(0,1fr) auto auto}.appbar .language{grid-column:4;grid-row:1;font-size:12px;padding:0 8px;color:var(--accent);white-space:nowrap}.appbar h1,.appbar .txt,.appbar .back{grid-row:1}.home-loan{display:grid;grid-template-columns:28px minmax(0,1fr);gap:4px 10px;align-items:center;width:100%;padding:10px 0;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}.home-loan svg{grid-column:1;grid-row:1/3;width:24px;height:24px;color:var(--accent)}.home-loan span{grid-column:2;overflow-wrap:anywhere}.home-loan b{grid-column:2;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:14px}.shortcut{display:flex;align-items:center;justify-content:center;gap:10px}.shortcut svg{width:24px;height:24px;flex:none}.loan{grid-template-columns:32px minmax(0,1fr);gap:4px 10px}.loan .tile{grid-row:1/3}.loan .nm{grid-column:2}.loan .bal{grid-column:2;text-align:left;white-space:nowrap;font-size:16px}.loan .two{grid-column:1/3;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 12px}.loan .two b{white-space:nowrap;font-size:12px}#chart-values{gap:10px 14px}.chart-legend{margin:10px 0 0;line-height:1.4}.chart-legend i{flex:none}@media(max-width:360px){#chart-values{grid-template-columns:minmax(0,1fr)}.loan .two{grid-template-columns:minmax(0,1fr) 12px}.loan .two>span:nth-child(2){grid-column:1}.loan .chev{grid-column:2;grid-row:1/3}}input[type=date],input[type=month],input[type=time]{appearance:none;-webkit-appearance:none;min-inline-size:0;inline-size:100%;max-inline-size:100%}input::-webkit-date-and-time-value{min-width:0;text-align:left}input[type=checkbox]{width:22px;min-width:22px;max-width:22px;height:22px;min-height:22px;padding:0;margin:0;accent-color:var(--accent);flex:none}.check-row{display:flex;align-items:center;gap:10px;min-height:44px;margin:0;color:var(--fg);font-size:14px}#budget-form .chart-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}#budget-form .chart-controls button{padding-inline:6px;font-size:14px}#budget-form[aria-busy=true] #budget-status{color:var(--hint)}.budget-help p{margin:0;color:var(--hint);font-size:13px}.budget-help b{display:block;color:var(--fg);margin-bottom:3px}#budget-form .budget-amount-row{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:8px}#budget-form .budget-amount-row>*{width:100%;min-width:0}.spread{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.spread>*{min-width:0}.spread>span{flex:1 1 0}.spread strong,.spread b{flex:0 0 auto;max-width:65%;text-align:right;overflow-wrap:anywhere}.card>.v{font-size:clamp(24px,7vw,32px);line-height:1.2;overflow-wrap:anywhere}