@import "https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,650&family=Source+Sans+3:wght@400;500;600;700&display=swap";:root{--ink:#0f2a2e;--ink-soft:#2a4a50;--teal:#0d6e6e;--teal-deep:#084d4d;--teal-mist:#d4ecea;--sand:#e8eef0;--sand-deep:#d5e0e3;--paper:#f4f7f8;--line:#0f2a2e1f;--up:#1f6b4a;--down:#8a3b2a;--takehome:#005f73;--tax:#9b2226;--pension:#ee9b00;--shadow:0 18px 40px #0f2a2e14;--radius:18px;--font-display:"Fraunces", Georgia, serif;--font-body:"Source Sans 3", "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{min-height:100vh;font-family:var(--font-body);color:var(--ink);background:radial-gradient(ellipse 80% 50% at 10% -10%, #0d6e6e33, transparent 55%), radial-gradient(ellipse 55% 40% at 95% 5%, #b8860b1f, transparent 50%), linear-gradient(180deg, var(--sand) 0%, var(--paper) 42%, #e6eef0 100%);background-attachment:fixed;margin:0}#root{min-height:100vh}button,input{font:inherit;color:inherit}.page{width:min(920px,100% - 2rem);margin:0 auto;padding:2.5rem 0 3.5rem}.page--gate{justify-content:center;align-items:center;min-height:100vh;display:flex}.gate{border:1px solid var(--line);border-radius:var(--radius);width:min(28rem,100%);box-shadow:var(--shadow);background:#faf8f4e6;gap:.85rem;padding:1.5rem 1.6rem;display:grid}.gate .hero__brand,.gate .hero__title,.gate .hero__lede{margin:0}.gate__error{color:var(--down);margin:0;font-weight:600}.hero{margin-bottom:2rem;animation:.7s ease-out both rise}.hero__top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem 1.5rem;margin-bottom:.75rem;display:flex}.hero__brand{font-family:var(--font-display);letter-spacing:-.03em;color:var(--teal-deep);margin:0;font-size:clamp(2.8rem,8vw,4.4rem);font-weight:650;line-height:.95}.site-nav{z-index:50;justify-content:flex-end;align-items:center;gap:.55rem;margin-top:.55rem;margin-left:auto;display:flex;position:relative}.nav-account{position:relative}.nav-avatar{appearance:none;width:2.15rem;min-width:2.15rem;height:2.15rem;min-height:2.15rem;color:var(--ink);font:inherit;letter-spacing:.04em;cursor:pointer;background:linear-gradient(160deg,#d4ecea 0%,#b8d8d5 100%);border:1px solid #0f2a2e2e;border-radius:999px;place-items:center;padding:0;font-size:.72rem;font-weight:600;transition:border-color .16s,box-shadow .16s;display:inline-grid;overflow:hidden}.nav-avatar.has-photo{background:#ddd}.nav-avatar img{object-fit:cover;width:100%;height:100%;display:block}.nav-avatar:hover,.nav-avatar.is-open{border-color:var(--teal);box-shadow:0 0 0 3px #0d6e6e24}.nav-avatar:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.nav-account-menu{z-index:70;border:1px solid var(--line);min-width:min(16rem,100vw - 2rem);box-shadow:var(--shadow);background:#fffffffa;border-radius:12px;flex-direction:column;gap:.15rem;padding:.4rem;animation:.18s ease-out both nav-pop;display:flex;position:absolute;top:calc(100% + .45rem);right:0}.nav-account-identity{border-bottom:1px solid var(--line);flex-direction:column;gap:.15rem;margin-bottom:.15rem;padding:.45rem .65rem .55rem;display:flex}.nav-account-identity strong{color:var(--ink);overflow-wrap:anywhere;font-size:.9rem;font-weight:600}.nav-account-identity span{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.nav-account-item{width:100%;color:var(--ink-soft);text-align:left;border-radius:8px;padding:.55rem .65rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:block}.nav-account-item:hover{color:var(--ink);background:#0d6e6e14}.nav-account-item--danger{color:var(--down)}.nav-account-item--danger:hover{color:#6f2222;background:#8a3b2a14}.site-nav__toggle{border:1px solid var(--line);width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;background:#ffffffd9;border-radius:12px;justify-content:center;align-items:center;padding:0;transition:background .15s,border-color .15s;display:inline-flex}.site-nav__toggle:hover{background:#fff;border-color:#0f2a2e47}.site-nav__toggle:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.site-nav__bars{flex-direction:column;justify-content:space-between;width:1.15rem;height:.85rem;display:flex}.site-nav__bars span{transform-origin:50%;background:currentColor;border-radius:1px;height:2px;transition:transform .2s,opacity .2s;display:block}.site-nav__toggle.is-open .site-nav__bars span:first-child{transform:translateY(.35rem)rotate(45deg)}.site-nav__toggle.is-open .site-nav__bars span:nth-child(2){opacity:0}.site-nav__toggle.is-open .site-nav__bars span:nth-child(3){transform:translateY(-.35rem)rotate(-45deg)}.site-nav__panel{border:1px solid var(--line);min-width:11.5rem;box-shadow:var(--shadow);transform-origin:100% 0;background:#fffffff5;border-radius:14px;padding:.4rem;animation:.18s ease-out both nav-pop;display:grid;position:absolute;top:calc(100% + .45rem);right:0}.site-nav__panel[hidden]{display:none}.site-nav__link{color:var(--ink-soft);border-radius:10px;padding:.7rem .85rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.site-nav__link:hover{color:var(--ink);background:#0d6e6e14}.site-nav__link.is-active{color:var(--teal-deep);background:var(--teal-mist)}.site-nav__link:focus-visible{outline:2px solid var(--teal);outline-offset:2px}@keyframes nav-pop{0%{opacity:0;transform:translateY(-.25rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.hero__title{max-width:18ch;font-family:var(--font-display);color:var(--ink);margin:0 0 .75rem;font-size:clamp(1.35rem,3.2vw,1.75rem);font-weight:500;line-height:1.25}.hero__lede{max-width:40rem;color:var(--ink-soft);margin:0;font-size:1.05rem;line-height:1.5}.main{gap:1.25rem;display:grid}.inputs,.results,.comparison,.chart,.projection,.settings{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#faf8f4d1;animation:.65s ease-out both rise}.settings{padding:1.25rem 1.4rem 1.4rem}.settings__header{margin-bottom:1rem}.settings__header p{color:var(--ink-soft);margin:.35rem 0 0;line-height:1.5}.settings__editor{flex-direction:column;gap:.45rem;display:flex}.settings__textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:22rem;color:var(--ink);tab-size:2;background:#fff;border-radius:12px;padding:.85rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88rem;line-height:1.45}.settings__textarea:focus{border-color:var(--teal);outline:0;box-shadow:0 0 0 3px #0d6e6e26}.settings__drive{border:1px solid var(--line);background:#ffffffa6;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem 1rem;margin-top:1rem;padding:.85rem 1rem;display:flex}.settings__drive-meta{min-width:min(100%,14rem)}.settings__drive-path{font-variant-numeric:tabular-nums;color:var(--ink);margin:.2rem 0 0;font-weight:700}.settings__drive-actions{flex-wrap:wrap;gap:.45rem;display:flex}.settings__actions{flex-wrap:wrap;gap:.55rem;margin-top:1rem;display:flex}.settings__btn{appearance:none;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;padding:.5rem 1rem;font-size:.92rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.settings__btn:hover{background:#0d6e6e0f;border-color:#0f2a2e47}.settings__btn--primary{background:var(--teal-deep);border-color:var(--teal-deep);color:#fff}.settings__btn--primary:hover{background:var(--teal);border-color:var(--teal);color:#fff}.settings__btn--quiet{color:var(--ink-soft)}.settings__btn:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.settings__file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.settings__hint{color:var(--ink-soft);margin:.85rem 0 0;font-size:.88rem;line-height:1.45}.settings__hint code{background:#0f2a2e0f;border-radius:4px;padding:.05em .3em;font-size:.84em}.settings__status{margin:.85rem 0 0;font-size:.95rem}.settings__status a{color:inherit;font-weight:700}.settings__status--ok{color:var(--up)}.settings__status--error{color:var(--down)}.settings__btn:disabled{opacity:.55;cursor:wait}.inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem 1.25rem;padding:1.35rem 1.4rem 1.45rem;animation-delay:50ms;display:grid}.field{flex-direction:column;gap:.45rem;height:100%;display:flex}.field--wide{grid-column:1/-1}.field__label{color:var(--ink-soft);flex-direction:column;gap:.15rem;font-size:.92rem;font-weight:600;display:flex}.field__hint{color:#2a4a50bf;font-size:.82rem;font-weight:400;line-height:1.25}.field__control,.field .slider-row{margin-top:auto}.field__control{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:.35rem;padding:.65rem .85rem;transition:border-color .2s,box-shadow .2s;display:flex}.field__control:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px #0d6e6e26}.field__control input{font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;width:100%;font-size:1.1rem;font-weight:600}.field__control input.field__text{font-variant-numeric:normal;letter-spacing:.04em;text-transform:uppercase}.field__prefix,.field__suffix{color:var(--ink-soft);font-weight:600}.slider-row{grid-template-columns:1fr auto;align-items:center;gap:.85rem;display:grid}.slider-row input[type=range]{width:100%;accent-color:var(--teal)}.slider-row__value{font-variant-numeric:tabular-nums;min-width:3.5rem;color:var(--teal-deep);font-weight:700}.results{padding:1.35rem 1.4rem 1.5rem;animation-delay:.1s}.results__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.1rem;display:flex}.results__header h2,.comparison h2,.chart__header h2,.projection__header h2,.settings__header h2{font-family:var(--font-display);margin:0;font-size:1.35rem;font-weight:650}.period-toggle{background:var(--sand-deep);border-radius:999px;padding:.2rem;display:inline-flex}.period-toggle button{cursor:pointer;color:var(--ink-soft);background:0 0;border:0;border-radius:999px;padding:.4rem .9rem;font-weight:600;transition:background .2s,color .2s}.period-toggle button.is-active{background:var(--ink);color:var(--paper)}.results__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem 1.25rem;display:grid}.metric{flex-direction:column;gap:.2rem;display:flex}.metric__label{color:var(--ink-soft);font-size:.88rem}.metric__value{font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:700;animation:.35s ease-out tick}.metric--emphasize .metric__value{font-family:var(--font-display);color:var(--teal-deep);font-size:clamp(1.55rem,3.5vw,1.9rem);font-weight:650}.comparison{padding:1.25rem 1.4rem 1.4rem;animation-delay:.15s}.comparison--idle{color:var(--ink-soft)}.comparison--idle p,.chart__header p,.projection__header p,.footer p{margin:0;line-height:1.5}.projection{padding:1.25rem 1.4rem 1.4rem;animation-delay:.25s}.projection__header{margin-bottom:1rem}.projection__header p{color:var(--ink-soft);margin-top:.35rem}.projection__inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 1.25rem;margin-bottom:1rem;display:grid}.projection__summary{color:var(--ink-soft);flex-wrap:wrap;gap:.35rem 1.5rem;margin-bottom:.75rem;font-size:.95rem;display:flex}.projection__summary p{margin:0}.projection__summary strong{color:var(--ink);font-weight:600}.projection__state{background:#005f7314;border:1px solid #005f7340;border-radius:14px;margin:0 0 .85rem;padding:1rem 1.15rem}.projection__state h3,.projection__bridge h3{font-family:var(--font-display);color:var(--ink);margin:0 0 .35rem;font-size:1.1rem;font-weight:650}.projection__state-amount{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--takehome);margin:0 0 .4rem;font-size:clamp(1.45rem,3vw,1.85rem);font-weight:650}.projection__state-amount span{font-family:var(--font-body);color:var(--ink-soft);margin-left:.25rem;font-size:.95rem;font-weight:600}.projection__state p{color:var(--ink-soft);margin:0;font-size:.92rem;line-height:1.45}.projection__bridge{background:#9b222614;border:1px solid #9b222647;border-radius:14px;margin:0 0 1rem;padding:1rem 1.15rem}.projection__bridge--ok{background:#005f7314;border-color:#005f7340}.projection__bridge-amount{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--tax);margin:0 0 .4rem;font-size:clamp(1.6rem,3.5vw,2rem);font-weight:650}.projection__bridge--ok .projection__bridge-amount{color:var(--takehome)}.projection__bridge p{color:var(--ink-soft);margin:0;font-size:.92rem;line-height:1.45}.comparison__header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;margin-bottom:.85rem;display:flex}.comparison__period{color:var(--ink-soft);margin:0;font-size:.88rem;font-weight:600}.comparison__table{gap:.15rem;display:grid}.comparison__row{border-top:1px solid var(--line);font-variant-numeric:tabular-nums;grid-template-columns:minmax(7.5rem,1.4fr) repeat(3,minmax(0,1fr));align-items:baseline;gap:.5rem;padding:.55rem 0;display:grid}.comparison__row--head{color:var(--ink-soft);border-top:0;padding-top:0;padding-bottom:.35rem;font-size:.82rem;font-weight:600}.comparison__row--head span:not(:first-child),.comparison__value,.comparison__delta{text-align:right}.comparison__label{color:var(--ink-soft);font-size:.92rem}.comparison__value{font-weight:600;animation:.35s ease-out tick}.comparison__delta{font-weight:700;animation:.35s ease-out tick}.comparison__row--emphasize .comparison__label,.comparison__row--emphasize .comparison__value{color:var(--ink);font-weight:700}.comparison__row--emphasize .comparison__value{font-family:var(--font-display);font-size:1.15rem;font-weight:650}.comparison__delta.delta--up{color:var(--up)}.comparison__delta.delta--down{color:var(--down)}.comparison__delta.delta--flat{color:var(--ink-soft)}.chart{padding:1.25rem 1.4rem 1.4rem;animation-delay:.2s}.chart__header{margin-bottom:.75rem}.chart__header p{color:var(--ink-soft);margin-top:.35rem}.chart__legend{flex-wrap:wrap;gap:.65rem 1.1rem;margin-bottom:.65rem;font-size:.9rem;font-weight:600;display:flex}.legend{color:var(--ink);align-items:center;gap:.45rem;display:inline-flex}.legend:before{content:"";border-radius:3px;flex-shrink:0;width:.95rem;height:.95rem;display:inline-block;box-shadow:inset 0 0 0 1px #0f2a2e2e}.legend--takehome:before{background:var(--takehome)}.legend--pension:before{background:var(--pension)}.legend--tax:before{background:var(--tax)}.chart__line--tax{stroke:var(--tax);stroke-dasharray:7 4}.legend--g3:before{background:#5a7d86}.legend--g5:before{background:var(--takehome)}.legend--g7:before{background:#b8860b}.legend--g10:before{background:#8a3b2a}.chart__line--g3{stroke:#5a7d86}.chart__line--g5{stroke:var(--takehome)}.chart__line--g7{stroke:#b8860b}.chart__line--g10{stroke:#8a3b2a}.projection__legend{flex-wrap:wrap;gap:.5rem;margin:.35rem 0 .65rem;display:flex}.legend--toggle{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:.3rem .75rem;font-size:.88rem;font-weight:600;transition:opacity .2s,background .2s,border-color .2s}.legend--toggle.is-off{opacity:.4}.legend--toggle.is-active{background:#fffffff2;border-color:currentColor}.legend--toggle:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.projection__scenario-table{gap:.1rem;margin-bottom:.85rem;display:grid}.projection__scenario-row{border-top:1px solid var(--line);font-variant-numeric:tabular-nums;grid-template-columns:4.5rem 1fr 1fr;align-items:baseline;gap:.75rem;padding:.45rem 0;display:grid}.projection__scenario-row--toggle{width:100%;text-align:inherit;font:inherit;color:inherit;cursor:pointer;background:0 0;border-bottom:0;border-left:0;border-right:0;transition:opacity .2s}.projection__scenario-row--toggle.is-off{opacity:.4}.projection__scenario-row--toggle:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.projection__scenario-row--head{color:var(--ink-soft);border-top:0;padding-top:0;padding-bottom:.3rem;font-size:.82rem;font-weight:600}.projection__scenario-row span:not(:first-child){text-align:right}.projection__growth{font-weight:700}.projection__growth--g3{color:#5a7d86}.projection__growth--g5{color:var(--takehome)}.projection__growth--g7{color:#b8860b}.projection__growth--g10{color:#8a3b2a}.chart__svg{width:100%;height:auto;display:block;overflow:visible}.chart__svg--interactive{touch-action:none;cursor:crosshair}.chart__line{fill:none;stroke-width:3.25px;stroke-linecap:round;stroke-linejoin:round}.chart__line--takehome{stroke:var(--takehome)}.chart__line--pension{stroke:var(--pension)}.chart .chart__line--takehome,.chart .chart__line--pension,.chart .chart__line--tax{stroke-width:3.75px}.chart__marker{stroke-width:1.5px;stroke-dasharray:4 4}.chart__marker--active{stroke:var(--teal-deep)}.chart__marker--compare{stroke:var(--pension)}.chart__marker--hover{stroke:var(--ink);stroke-dasharray:none;stroke-width:1.25px;opacity:.45}.chart__axis{color:var(--ink-soft);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:.25rem;padding:0 .4rem;font-size:.8rem;display:flex}.chart__axis--projection{padding-left:54px;padding-right:12px}.chart__axis--ages{height:1.35rem;margin-top:.35rem;position:relative}.chart__axis-tick{color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.8rem;position:absolute;top:0;transform:translate(-50%)}.chart__axis-tick--start{transform:translate(0)}.chart__axis-tick--end{transform:translate(-100%)}.chart__grid{stroke:var(--line);stroke-width:1px}.chart__yaxis{stroke:#0f2a2e59;stroke-width:1.25px}.chart__ylabel{fill:var(--ink-soft);font-size:11px;font-family:var(--font-body);font-variant-numeric:tabular-nums}.chart__dot--takehome,.chart__dot--tax,.chart__dot--contribution,.chart__dot--g3,.chart__dot--g5,.chart__dot--g7,.chart__dot--g10{stroke:#fff;stroke-width:1.5px}.chart__dot--takehome{fill:var(--takehome)}.chart__dot--tax{fill:var(--tax)}.chart__dot--contribution{fill:var(--pension)}.chart__dot--g3{fill:#5a7d86}.chart__dot--g5{fill:var(--takehome)}.chart__dot--g7{fill:#b8860b}.chart__dot--g10{fill:#8a3b2a}.chart__point-label--takehome,.chart__point-label--tax,.chart__point-label--contribution,.chart__point-label--g3,.chart__point-label--g5,.chart__point-label--g7,.chart__point-label--g10{font-size:12px;font-weight:700;font-family:var(--font-body);font-variant-numeric:tabular-nums;paint-order:stroke;stroke:#f4f7f8eb;stroke-width:3px}.chart__point-label--takehome{fill:var(--takehome)}.chart__point-label--tax{fill:var(--tax)}.chart__point-label--contribution{fill:#9a6200}.chart__point-label--g3{fill:#5a7d86}.chart__point-label--g5{fill:var(--takehome)}.chart__point-label--g7{fill:#9a6200}.chart__point-label--g10{fill:#8a3b2a}.chart__callouts{color:var(--ink-soft);gap:.35rem;margin-top:.85rem;font-size:.95rem;display:grid}.chart__callouts p{margin:0}.chart__callouts strong{color:var(--ink);font-weight:600}.footer{border-top:1px solid var(--line);color:#2a4a50d9;margin-top:1.75rem;padding-top:1rem;font-size:.85rem;animation:.7s ease-out .25s both rise}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes tick{0%{opacity:.35;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.page{width:min(100% - 1.25rem,920px);padding-top:1.75rem}.inputs,.results__grid,.projection__inputs{grid-template-columns:1fr}.comparison__row{grid-template-columns:minmax(6.5rem,1.2fr) repeat(3,minmax(0,1fr));gap:.35rem;font-size:.9rem}.comparison__row--emphasize .comparison__value{font-size:1.05rem}.hero__brand{font-size:clamp(2.4rem,14vw,3.4rem)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}