@font-face{font-family:Fraunces;src:url(/fonts/fraunces.ttf) format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-italic.ttf) format("truetype");font-style:italic;font-weight:100 900;font-display:swap}:root{font-family:Arial,Helvetica,sans-serif;color:#392d25;background:#f6f3eb;font-synthesis:none;font-weight:400;--green: #326a49;--muted: #695f54;--rule: #ded8cd;--paper: #fffdf8;--latte: #a47e5b;--serif: Fraunces, Georgia, serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{touch-action:manipulation}button:disabled{opacity:.5;cursor:default}a{color:inherit;text-underline-offset:4px}button,select,input{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,svg:focus-visible{outline:3px solid var(--green);outline-offset:4px}::selection{background:#cad9b8;color:#263b2b}input{caret-color:var(--green)}*{scrollbar-color:#b7b3a3 #f6f3eb;scrollbar-width:thin}.page-width{width:min(1224px,calc(100% - 96px));margin-inline:auto}.site-header{height:109px;border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between}.wordmark{text-decoration:none;display:flex;align-items:center;gap:12px;font-family:var(--serif);font-weight:550;font-size:23px;letter-spacing:-.8px}.wordmark em{font-weight:400;font-size:.8em}.brand-symbol{color:var(--green);display:grid;place-items:center;transform:rotate(-7deg);margin-right:2px}.brand-dot{color:var(--green)}.about-button{border:0;background:transparent;display:flex;gap:12px;align-items:center;min-height:44px;font-size:13px}.question-mark{display:grid;place-items:center;border:1px solid #bdb6a8;border-radius:50%;width:24px;height:24px;font-family:var(--serif)}.intro{display:flex;align-items:center;justify-content:space-between;padding:52px 0 47px;gap:40px}.intro h1{font-family:var(--serif);font-size:clamp(48px,5vw,68px);font-weight:450;line-height:1.08;letter-spacing:-2.2px;margin:0}.intro h1 em{color:var(--green);font-weight:450}.intro-copy{width:350px;margin-right:6px;padding-top:12px;font-size:15px;line-height:1.7}.intro-copy p{margin:0}.intro-copy p+p{margin-top:7px;color:var(--muted)}.workspace{display:grid;grid-template-columns:307px minmax(0,1fr);gap:40px;align-items:start}.habit-panel{padding:4px 0 0}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-heading h2{font-family:var(--serif);font-size:22px;font-weight:480;letter-spacing:-.4px;margin:0}.reset-button{border:0;background:transparent;color:var(--muted);width:44px;height:44px;display:grid;place-items:center;margin:-10px -8px -10px 0}.reset-button:hover{color:var(--green)}.habit-presets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:30px}.habit-presets button{border:1px solid #d8d1c6;background:transparent;border-radius:8px;min-height:46px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px}.habit-presets button.selected{background:#eee6d9;border-color:#a78d70;color:#583c29}.habit-presets button:hover{background:#eee8dd}.habit-presets svg{width:18px}.control{margin:0 0 24px}.control-heading{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px;min-height:30px}.control-heading label{font-size:13px;font-weight:550}.control-heading output{font-size:22px;letter-spacing:-.7px;font-variant-numeric:tabular-nums}.control-heading output>span{font-size:12px;color:var(--muted);letter-spacing:0;margin-left:5px}.cost-value{display:flex;align-items:center;font-family:var(--serif);font-size:25px;gap:2px}.cost-value input{color:inherit;font:inherit;font-variant-numeric:tabular-nums;background:transparent;border:0;border-bottom:1px dashed #c9bcaa;width:68px;padding:0;text-align:right;min-height:44px;appearance:textfield}.cost-value input::-webkit-inner-spin-button{appearance:none}.frequency-value{display:flex;gap:2px;align-items:center}.frequency-value select{color:var(--muted);font-size:12px;background:transparent;border:0;min-height:44px;max-width:83px}.frequency-value output{font-family:var(--serif);font-size:24px}.control input[type=range]{width:100%;height:44px;margin:0;cursor:pointer;appearance:none;background:transparent;display:block}.control input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,#8d6a4b var(--fill),#ded8cd var(--fill))}.control input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(to right,#8d6a4b var(--fill),#ded8cd var(--fill))}.control input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#fffdf8;border:5px solid #8d6a4b;margin-top:-8px;box-shadow:0 2px 4px #392d2517}.control input[type=range]::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#fffdf8;border:5px solid #8d6a4b;box-shadow:0 2px 4px #392d2517}.range-ends{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:2px}.habit-receipt{border-top:1px dashed #cfc5b5;padding-top:17px;display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--muted)}.habit-receipt>span:first-child{color:#51463b}.habit-receipt strong{font-family:var(--serif);font-size:26px;font-weight:450;line-height:1.4;color:#392d25;font-variant-numeric:tabular-nums}.habit-receipt strong span{font:12px Arial;color:var(--muted)}.saved-note{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);margin:17px 0 0;line-height:1.5}.saved-dot{width:5px;height:5px;border-radius:50%;background:var(--green);flex-shrink:0}.projection-panel{background:var(--paper);border:1px solid #e5dfd4;border-radius:16px;padding:27px 30px 0;overflow:hidden}.projection-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.projection-top h2{font-size:13px;font-weight:400;margin:0 0 8px;color:#665b4e}.future-value{font-family:var(--serif);font-size:clamp(38px,4.4vw,60px);line-height:1.15;letter-spacing:-2px;font-weight:450;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:14px;color:var(--green)}.growth-arrow{font-family:Arial;font-size:29px;align-self:center;line-height:1;background:#e8eddf;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;letter-spacing:0}.projection-top p{font-size:12px;color:var(--muted);margin:9px 0 0;line-height:1.6}.projection-top p strong{color:#51463b;font-weight:400}.share-button{border:1px solid #dcd8cd;background:transparent;border-radius:7px;min-height:44px;display:flex;align-items:center;gap:8px;padding:0 11px;font-size:11px;white-space:nowrap}.share-button:hover{background:#f1f0e6;border-color:#a6b29c}.chart-wrap{margin:30px -7px 0}.chart-legend{display:flex;gap:18px;align-items:center;font-size:10px;padding:0 9px 0 5px;color:#665d52}.chart-legend>span{display:flex;align-items:center;gap:6px}.legend-line{width:16px;height:0;border-top:2px solid}.legend-line.green{border-color:var(--green)}.legend-line.brown{border-color:var(--latte);border-top-style:dashed}.chart-legend .chart-unit{margin-left:auto;color:var(--muted);font-size:9px}.growth-chart{width:100%;height:auto;display:block;margin-top:10px;overflow:visible;touch-action:pan-y}.axis-label{font:11px Arial;fill:#695f54}.chart-inspection{display:flex;align-items:center;gap:13px;font-size:10px;color:var(--muted);padding:10px 8px 16px;min-height:39px;font-variant-numeric:tabular-nums}.chart-inspection>span:first-child{font-weight:600;color:#51463b}.chart-inspection strong{font-weight:500;color:#51463b;margin-left:3px}.inspect-hint{margin-left:auto;display:flex;gap:5px;align-items:center;font-size:9px}.result-breakdown{display:flex;gap:28px;align-items:center;border-top:1px solid #e5e0d6;padding:18px 0}.result-breakdown>div{display:flex;flex-direction:column;gap:7px}.result-breakdown>div>span{font-size:10px;color:var(--muted)}.result-breakdown strong{font-family:var(--serif);font-size:24px;letter-spacing:-.5px;font-weight:450;font-variant-numeric:tabular-nums}.green-text{color:var(--green)}.breakdown-plus{font-size:20px;color:#a59b8c}.growth-note{font-family:var(--serif);font-style:italic;line-height:1.5;font-size:13px;color:#695f54;margin-left:auto}.rate-control{margin-inline:-30px;display:flex;align-items:center;background:#f4f3eb;border-top:1px solid #e7e4d9;min-height:46px;padding:4px 30px;font-size:10px;color:var(--muted);gap:10px}.rate-control>div{display:flex;align-items:center;font-variant-numeric:tabular-nums}.rate-control input{width:45px;text-align:right;font-size:12px;border:0;border-bottom:1px dashed #b5b8a4;min-height:44px;background:transparent;padding:0;color:#392d25}.rate-control>span:last-child{margin-left:auto;font-size:9px}.swaps-section{padding-top:48px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading h2{font-family:var(--serif);font-size:29px;font-weight:450;letter-spacing:-.8px;margin:0}.section-heading p{font-size:12px;margin:9px 0 0;color:var(--muted)}.tap-hint{font-size:11px;color:#695f54;display:flex;gap:16px;align-items:center}.swap-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:21px}.swap-option{display:flex;align-items:center;gap:14px;border:1px solid #dcd5c9;background:transparent;border-radius:10px;padding:19px 18px;text-align:left;min-height:88px}.swap-option.active{background:#ebeede;border-color:#9aa989}.swap-option:hover{border-color:#8c9c7f}.swap-icon{color:#8d6a4b;flex-shrink:0}.swap-option.active .swap-icon{color:var(--green)}.swap-copy{display:flex;flex-direction:column;gap:7px;flex:1}.swap-copy strong{font-size:12px;font-weight:550}.swap-copy>span{font-size:10px;color:var(--muted);line-height:1.4}.selection-circle{border:1px solid #c9c5b8;width:18px;height:18px;border-radius:50%;flex-shrink:0;display:grid;place-items:center}.active .selection-circle{background:var(--green);border-color:var(--green);color:#fff}.comparison{display:grid;grid-template-columns:1fr 1fr 1fr;border-radius:12px;background:#eee9df;overflow:hidden}.compare-cell{padding:23px 25px}.compare-title{font-size:11px;display:flex;align-items:center;gap:7px;color:#665b4e}.compare-cell>strong{font-family:var(--serif);font-size:35px;font-weight:430;letter-spacing:-.8px;display:block;margin-top:12px;font-variant-numeric:tabular-nums}.compare-cell>p{font-size:10px;color:#695f54;margin:9px 0 0;line-height:1.5}.swap-result{background:#e7e9da}.invest-result{background:#dee7d3;color:var(--green)}.mini-dot{display:inline-block;width:6px;height:6px;border-radius:50%}.brown-bg{background:var(--latte)}.green-bg{background:var(--green)}.comparison-note{color:var(--muted);font-size:10px;text-align:center;line-height:1.6;margin:13px 0 0}.math-details{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-top:37px}.math-details summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;justify-content:space-between;align-items:center;font-size:13px;min-height:60px}.math-details summary::-webkit-details-marker{display:none}.math-details summary>span{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:11px}.math-details[open] summary svg{transform:rotate(45deg)}.math-details>div{max-width:760px;padding-bottom:18px;font-size:12px;line-height:1.85;color:var(--muted)}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:25px 32px;font-size:10px;color:var(--muted)}.site-footer>span:first-child{font-family:var(--serif);font-size:13px;font-style:italic}.site-footer button{border:0;background:transparent;font-size:10px;min-height:44px;display:flex;align-items:center;gap:9px;padding:0}.skip-link{position:fixed;top:-100px;left:16px;z-index:10;background:var(--paper);padding:12px}.skip-link:focus{top:12px}dialog{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 40px);border:1px solid #d4cbbb;border-radius:16px;background:var(--paper);color:#392d25;padding:26px 30px;box-shadow:0 20px 80px #392d2529}dialog::backdrop{background:#392d2570}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.dialog-brand{font-family:var(--serif);font-size:17px;letter-spacing:-.4px}.icon-button{display:grid;place-items:center;width:44px;height:44px;background:transparent;border:0;border-radius:7px}.icon-button:hover{background:#eee9df}.about-content h2,.share-content h2{font:400 35px/1.2 var(--serif);letter-spacing:-1px;margin:24px 0}.about-content h2 em{color:var(--green)}.about-three-lines{font-size:13px;line-height:1.7;margin-bottom:25px}.about-three-lines p{margin:10px 0}.primary-button,.secondary-button{border:1px solid var(--green);border-radius:7px;min-height:46px;padding:10px 18px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--green);color:#fffdf8;font-size:12px}.primary-button:hover{background:#254e36}.secondary-button{background:transparent;color:var(--green)}.secondary-button:hover{background:#e8eddf}.share-content h2{font-size:29px}.share-preview{background:#f0eee3;border-radius:10px;padding:25px}.share-preview>span{font-size:11px;color:var(--muted)}.share-preview h3{font:400 32px/1.2 var(--serif);color:var(--green);letter-spacing:-1px;margin:14px 0 8px}.share-preview svg{width:100%;height:75px}.share-preview p{font-size:10px;line-height:1.7;color:var(--muted);margin:0}.share-actions{display:flex;gap:10px;margin-top:18px}.share-link-label{display:block;font-size:11px;color:var(--muted);margin:22px 0 8px}.share-link{width:100%;min-height:42px;background:#f6f3eb;border:1px solid #d9d4c8;border-radius:6px;padding:10px;font-size:11px;color:#51463b}.share-status{font-size:11px;line-height:1.6;color:var(--green);min-height:18px}@media(hover:hover){button{transition:background-color .16s ease-out,border-color .16s ease-out}}@media(min-width:1400px){.intro{padding-top:59px;padding-bottom:55px}.workspace{grid-template-columns:320px minmax(0,1fr);gap:48px}.projection-panel{padding-top:30px}.chart-wrap{margin-top:34px}.control{margin-bottom:28px}}@media(max-width:1050px){.page-width{width:calc(100% - 64px)}.workspace{grid-template-columns:265px minmax(0,1fr);gap:25px}.projection-panel{padding:25px 22px 0}.future-value{font-size:45px}.share-button{padding:0 9px}.share-button span{display:none}.chart-legend{gap:12px}.chart-unit{display:none!important}.chart-inspection{gap:10px}.inspect-hint{display:none}.rate-control{margin-inline:-22px;padding-inline:22px}.result-breakdown{gap:18px}.growth-note{display:none}.swap-option{padding:16px 12px;gap:10px}.swap-copy strong{font-size:11px}.swap-icon svg{width:19px}.selection-circle{width:16px;height:16px}.tap-hint{display:none}.compare-cell{padding-inline:20px}.compare-cell>strong{font-size:30px}.site-footer{flex-wrap:wrap}.site-footer>span:nth-child(2){margin-left:auto}.site-footer button{width:100%;justify-content:center;min-height:28px}.intro-copy{width:300px;font-size:13px}}@media(max-width:760px){.page-width{width:calc(100% - 40px)}.site-header{height:83px}.wordmark{font-size:20px;gap:8px}.brand-symbol svg{width:22px}.about-button{font-size:11px;gap:7px;padding-right:0}.question-mark{width:22px;height:22px}.intro{display:block;padding:32px 0 34px}.intro h1{font-size:53px;letter-spacing:-1.8px;line-height:1.05}.intro-copy{width:auto;padding-top:20px;font-size:13px;line-height:1.6}.intro-copy p+p{margin-top:4px}.intro-copy br{display:none}.workspace{grid-template-columns:1fr;gap:25px}.habit-panel{padding:0}.panel-heading{margin-bottom:15px}.panel-heading h2{font-size:23px}.habit-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:21px}.habit-presets button{flex-direction:column;gap:8px;min-height:70px;font-size:10px}.habit-presets svg{width:19px}.control{margin-bottom:16px}.control-heading{margin-bottom:5px}.control-heading label{font-size:13px}.control input[type=range]{height:44px}.range-ends{font-size:10px}.habit-receipt{flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:5px;margin-top:19px;padding-top:15px}.habit-receipt>span:last-child{width:100%;margin-top:0}.habit-receipt>strong{font-size:23px}.saved-note{margin-top:12px}.projection-panel{padding:22px 18px 0;border-radius:12px}.projection-top h2{font-size:12px}.future-value{font-size:49px;letter-spacing:-1.7px;gap:8px}.growth-arrow{width:31px;height:31px;font-size:23px}.projection-top p{font-size:10px}.share-button{width:44px;min-height:44px;justify-content:center;flex-shrink:0;margin-top:0}.chart-wrap{margin:24px -10px 0}.chart-legend{font-size:9px;padding-inline:10px}.growth-chart{margin-top:7px;min-height:168px}.axis-label{font-size:11px}.chart-inspection{font-size:10px;gap:10px;padding:5px 10px 15px;flex-wrap:wrap}.chart-inspection strong{margin-left:2px}.result-breakdown{padding:16px 0;gap:25px}.result-breakdown>div>span{font-size:10px}.result-breakdown strong{font-size:24px}.breakdown-plus{font-size:17px}.rate-control{margin-inline:-18px;padding-inline:18px;font-size:9px;gap:5px}.rate-control input{width:44px}.rate-control>span:last-child{font-size:9px}.swaps-section{padding-top:36px}.section-heading{margin-bottom:20px}.section-heading h2{font-size:26px;letter-spacing:-.7px}.section-heading p{font-size:12px;line-height:1.6;max-width:300px}.swap-options{grid-template-columns:1fr;gap:8px;margin-bottom:20px}.swap-option{padding:16px;min-height:76px;gap:16px}.swap-icon svg{width:22px}.swap-copy strong{font-size:13px}.swap-copy>span{font-size:11px}.selection-circle{width:20px;height:20px}.comparison{grid-template-columns:1fr;border-radius:10px}.compare-cell{display:grid;grid-template-columns:1fr auto;gap:8px;padding:19px 20px}.compare-title{font-size:12px;align-self:center}.compare-cell>strong{font-size:29px;margin:0;text-align:right}.compare-cell>p{grid-column:1/-1;font-size:10px;margin:0}.comparison-note{font-size:10px;text-align:left;margin-top:13px}.math-details{margin-top:26px}.math-details summary{font-size:12px}.math-details summary>span{font-size:0;gap:0}.math-details summary svg{width:18px}.math-details>div{font-size:12px}.site-footer{display:flex;flex-direction:column;gap:9px;text-align:center;padding-block:25px}.site-footer>span:nth-child(2){margin:0;font-size:9px}.site-footer button{width:auto;font-size:10px;min-height:38px}.site-footer>span:first-child{font-size:14px}dialog{padding:18px 22px}.dialog-brand{font-size:16px}.about-content h2{font-size:32px}.about-three-lines{font-size:12px}.share-content h2{font-size:26px}.share-preview{padding:22px}.share-preview h3{font-size:29px}.share-actions{gap:8px}.primary-button,.secondary-button{font-size:11px;padding-inline:13px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:760px){.projection-top{position:relative;display:block}.projection-top h2{min-height:26px;padding-right:50px;display:flex;align-items:center}.projection-top .share-button{position:absolute;top:-7px;right:0}.future-value.large-total{font-size:36px;letter-spacing:-1.2px}.growth-chart{min-height:0}}