:root{--color-bg-primary: #0f0f14;--color-bg-secondary: #1a1a23;--color-bg-tertiary: #242432;--color-bg-card: #1e1e2a;--color-text-primary: #f5f5f7;--color-text-secondary: #a0a0ab;--color-text-muted: #8a8a95;--color-accent-gold: #d4af37;--color-accent-gold-light: #e8c964;--color-accent-gold-dim: #9a7b1c;--color-chart-line: #d4af37;--color-chart-fill-start: rgba(212, 175, 55, .3);--color-chart-fill-end: rgba(212, 175, 55, .02);--color-chart-grid: rgba(255, 255, 255, .06);--color-border: rgba(255, 255, 255, .08);--color-border-focus: rgba(212, 175, 55, .5);--font-display: "DM Serif Display", Georgia, serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.75rem;--text-5xl: 3.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--max-width: 900px;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}[data-theme=light]{--color-bg-primary: #faf9f7;--color-bg-secondary: #f0eeeb;--color-bg-tertiary: #e8e6e1;--color-bg-card: #ffffff;--color-text-primary: #1a1a1f;--color-text-secondary: #4a4a52;--color-text-muted: #5a5a65;--color-accent-gold: #b8941f;--color-accent-gold-light: #d4af37;--color-accent-gold-dim: #8a6d14;--color-chart-line: #b8941f;--color-chart-fill-start: rgba(184, 148, 31, .2);--color-chart-fill-end: rgba(184, 148, 31, .02);--color-chart-grid: rgba(0, 0, 0, .08);--color-border: rgba(0, 0, 0, .1);--color-border-focus: rgba(184, 148, 31, .5)}@media (prefers-color-scheme: light){:root:not([data-theme]){--color-bg-primary: #faf9f7;--color-bg-secondary: #f0eeeb;--color-bg-tertiary: #e8e6e1;--color-bg-card: #ffffff;--color-text-primary: #1a1a1f;--color-text-secondary: #4a4a52;--color-text-muted: #5a5a65;--color-accent-gold: #b8941f;--color-accent-gold-light: #d4af37;--color-accent-gold-dim: #8a6d14;--color-chart-line: #b8941f;--color-chart-fill-start: rgba(184, 148, 31, .2);--color-chart-fill-end: rgba(184, 148, 31, .02);--color-chart-grid: rgba(0, 0, 0, .08);--color-border: rgba(0, 0, 0, .1);--color-border-focus: rgba(184, 148, 31, .5)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base, 16px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-primary);min-height:100vh;padding-top:var(--nav-height, 56px)}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.02;pointer-events:none;z-index:1000}[data-theme=light] body:before,:root:not([data-theme]) body:before{opacity:.015}@media (prefers-color-scheme: dark){:root:not([data-theme]) body:before{opacity:.02}}.app{max-width:var(--max-width);margin:0 auto;padding:var(--space-6) var(--space-4);min-height:100vh;display:flex;flex-direction:column}@media (min-width: 768px){.app{padding:var(--space-12) var(--space-8)}}.header{text-align:center;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.header__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:400;letter-spacing:-.02em;color:var(--color-text-primary);margin-bottom:var(--space-2)}@media (min-width: 768px){.header__title{font-size:var(--text-4xl)}}.header__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:400;letter-spacing:.02em;text-transform:uppercase}.nav-control{position:relative}.nav-control__btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:50%;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.nav-control__btn:hover{background:var(--color-bg-card);border-color:var(--color-accent-gold-dim)}.nav-control__btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-border-focus)}.nav-control__btn[aria-expanded=true]{background:var(--color-bg-card);border-color:var(--color-accent-gold)}.nav-control__symbol{font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--color-text-secondary);transition:color var(--transition-fast);line-height:1}.nav-control__btn:hover .nav-control__symbol{color:var(--color-accent-gold)}.nav-control__icon{width:20px;height:20px;color:var(--color-text-secondary);transition:color var(--transition-fast)}.nav-control__btn:hover .nav-control__icon{color:var(--color-accent-gold)}.nav-control__popover{position:absolute;top:calc(100% + 8px);right:0;min-width:120px;padding:var(--space-2);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:0 8px 24px #0000004d,0 2px 8px #0003;z-index:100;opacity:0;visibility:hidden;transform:translateY(-4px);transition:all var(--transition-fast)}.nav-control__popover[hidden]{display:block}.nav-control[data-open=true] .nav-control__popover{opacity:1;visibility:visible;transform:translateY(0)}.nav-control__option{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-family:var(--font-body)}.nav-control__option:hover{background:var(--color-bg-tertiary)}.nav-control__option:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-border-focus)}.nav-control__option.active{background:#d4af371a}.nav-control__option.active .nav-control__option-symbol,.nav-control__option.active .nav-control__option-size{color:var(--color-accent-gold)}.nav-control__option-symbol{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);min-width:20px;text-align:center}.nav-control__option-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.nav-control__option-size{font-weight:600;color:var(--color-text-primary);min-width:24px}.nav-control__option-size--sm{font-size:12px}.nav-control__option-size--md{font-size:14px}.nav-control__option-size--lg{font-size:16px}.nav-control__option-size--xl{font-size:18px}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:50%;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.theme-toggle:hover{background:var(--color-bg-card);border-color:var(--color-accent-gold-dim)}.theme-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-border-focus)}.theme-toggle__icon{width:20px;height:20px;color:var(--color-text-secondary);transition:color var(--transition-fast),transform var(--transition-base)}.theme-toggle:hover .theme-toggle__icon{color:var(--color-accent-gold)}.theme-toggle__icon--sun{display:block}.theme-toggle__icon--moon,[data-theme=light] .theme-toggle__icon--sun{display:none}[data-theme=light] .theme-toggle__icon--moon{display:block}@media (prefers-color-scheme: light){:root:not([data-theme]) .theme-toggle__icon--sun{display:none}:root:not([data-theme]) .theme-toggle__icon--moon{display:block}}@media (prefers-color-scheme: dark){:root:not([data-theme]) .theme-toggle__icon--sun{display:block}:root:not([data-theme]) .theme-toggle__icon--moon{display:none}}[data-theme=dark] .theme-toggle__icon--sun{display:block}[data-theme=dark] .theme-toggle__icon--moon{display:none}.main{flex:1}.controls{margin-bottom:var(--space-10)}.control-group{display:grid;gap:var(--space-6);margin-bottom:var(--space-6)}@media (min-width: 600px){.control-group{grid-template-columns:1fr 1fr;gap:var(--space-8)}.control-group--single{grid-template-columns:1fr;max-width:50%}}.control{display:flex;flex-direction:column;gap:var(--space-3)}.control[hidden]{display:none}.control__header{display:flex;align-items:center;gap:var(--space-2)}.control__label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);letter-spacing:.01em}.control__inputs{display:flex;flex-direction:column;gap:var(--space-3)}.control__value{display:flex;align-items:center;gap:var(--space-1)}.slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--color-bg-tertiary);border-radius:3px;outline:none;cursor:pointer;transition:background var(--transition-fast)}.slider:hover{background:var(--color-bg-card)}.slider:focus-visible{box-shadow:0 0 0 2px var(--color-border-focus)}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-accent-gold);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0000004d,0 0 0 3px #d4af3726;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #0006,0 0 0 4px #d4af3733}.slider:active::-webkit-slider-thumb{transform:scale(.95)}.slider::-moz-range-thumb{width:20px;height:20px;background:var(--color-accent-gold);border:none;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #0000004d,0 0 0 3px #d4af3726;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.slider::-moz-range-thumb:hover{transform:scale(1.1)}@media (pointer: coarse){.slider::-webkit-slider-thumb{width:28px;height:28px}.slider::-moz-range-thumb{width:28px;height:28px}}.input-number{font-family:var(--font-body);font-size:var(--text-lg);font-weight:500;color:var(--color-text-primary);background:transparent;border:none;border-bottom:1px solid var(--color-border);padding:var(--space-1) 0;width:80px;text-align:right;outline:none;transition:border-color var(--transition-fast);-moz-appearance:textfield}.input-number::-webkit-inner-spin-button,.input-number::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-number:focus{border-color:var(--color-accent-gold)}.input-number--currency{width:100px}.input-number--percent{width:60px}.input-number.clamped{animation:clamp-flash .3s ease}.input-text{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--space-2) var(--space-3);width:100%;outline:none;transition:border-color var(--transition-fast)}.input-text:focus{border-color:var(--color-accent-gold)}.input-text::placeholder{color:var(--color-text-muted)}@keyframes clamp-flash{0%,to{border-color:var(--color-border)}50%{border-color:var(--color-accent-gold-light)}}.input-prefix,.input-suffix{font-size:var(--text-sm);color:var(--color-text-muted)}.input-prefix.currency{font-size:var(--text-lg);color:var(--color-text-secondary);font-weight:500}.tooltip-trigger{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:50%;cursor:help;transition:all var(--transition-fast)}.tooltip-trigger:hover,.tooltip-trigger:focus{color:var(--color-accent-gold);border-color:var(--color-accent-gold-dim);background:#d4af371a}.tooltip-trigger--inline{width:16px;height:16px;font-size:10px;vertical-align:middle;margin-left:var(--space-1)}.tooltip{position:fixed;z-index:100;max-width:280px;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);line-height:1.5;color:var(--color-text-primary);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:0 8px 32px #0006;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast);pointer-events:none}.tooltip.visible{opacity:1;visibility:visible}.warning{font-size:var(--text-sm);color:var(--color-accent-gold);opacity:0;max-height:0;overflow:hidden;transition:opacity var(--transition-base),max-height var(--transition-base);margin-top:var(--space-2)}.warning.visible{opacity:1;max-height:3em}.results{position:relative;background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-card) 100%);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-8);margin-bottom:var(--space-8);text-align:center}.results__intro{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.results__age{color:var(--color-text-primary);font-weight:600}.results__grid{display:grid;gap:var(--space-6);margin-bottom:var(--space-6)}@media (min-width: 500px){.results__grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}}.result-card{display:flex;flex-direction:column;gap:var(--space-2)}.result-card__value{font-family:var(--font-display);font-size:var(--text-4xl);line-height:1.1;color:var(--color-accent-gold);display:flex;align-items:baseline;justify-content:center;gap:2px}@media (min-width: 768px){.result-card__value{font-size:var(--text-5xl)}}.result-card__currency{font-size:.6em;color:var(--color-accent-gold-dim)}.result-card__period{font-family:var(--font-body);font-size:var(--text-lg);font-weight:400;color:var(--color-text-muted)}.result-card__label{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.results__meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-3);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.results__meta-item{font-size:var(--text-sm);color:var(--color-text-muted)}.results__meta-value{color:var(--color-text-secondary);font-weight:500}.results__meta-value--warning{color:var(--color-accent-gold)}.results__meta-divider{width:4px;height:4px;background:var(--color-border);border-radius:50%}.results__link{color:var(--color-text-muted);text-decoration:underline;text-decoration-color:var(--color-border);text-underline-offset:2px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.results__link:hover{color:var(--color-accent-gold);text-decoration-color:var(--color-accent-gold)}.chart-container{position:relative;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-4);margin-bottom:var(--space-8)}@media (min-width: 768px){.chart-container{padding:var(--space-6)}}#growth-chart{width:100%!important;height:280px!important}@media (min-width: 768px){#growth-chart{height:320px!important}}.footer{margin-top:auto;padding-top:var(--space-8);border-top:1px solid var(--color-border);text-align:center}.footer p{font-size:var(--text-xs);color:var(--color-text-muted);max-width:500px;margin:0 auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.header,.controls,.results,.chart-container,.footer{animation:fadeIn .6s ease both}.controls{animation-delay:.1s}.results{animation-delay:.2s}.chart-container{animation-delay:.3s}.footer{animation-delay:.4s}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.footer__nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);margin-top:var(--space-4)}.footer__nav a{font-size:var(--text-xs);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.footer__nav a:hover{color:var(--color-accent-gold)}.page-content{max-width:700px;margin:0 auto;padding:var(--space-6) 0}.back-link{display:inline-block;font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;margin-bottom:var(--space-8);transition:color var(--transition-fast)}.back-link:hover{color:var(--color-accent-gold)}.page-content h1{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text-primary);margin-bottom:var(--space-2)}.page-content .page-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-8)}.page-content h2{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);margin-top:var(--space-8);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.page-content h3{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-top:var(--space-6);margin-bottom:var(--space-3)}.page-content p{font-size:var(--text-base);line-height:1.7;color:var(--color-text-secondary);margin-bottom:var(--space-4)}.page-content a{color:var(--color-accent-gold);text-decoration:underline;text-decoration-color:var(--color-accent-gold-dim);text-underline-offset:2px;transition:text-decoration-color var(--transition-fast)}.page-content a:hover{text-decoration-color:var(--color-accent-gold)}.page-content ul,.page-content ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.page-content li{font-size:var(--text-base);line-height:1.7;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.page-content .email-link{display:inline-block;font-size:var(--text-xl);font-weight:500;margin:var(--space-4) 0}.page-content .toc{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--space-4) var(--space-6);margin-bottom:var(--space-8)}.page-content .toc-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.page-content .toc ul{margin:0;padding-left:var(--space-4)}.page-content .toc li{margin-bottom:var(--space-1)}.calculator-explainer{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.calculator-explainer h2:first-child{margin-top:0}.calculator-explainer table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:var(--text-sm)}.calculator-explainer th,.calculator-explainer td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.calculator-explainer th{font-weight:600;color:var(--color-text-primary);background:var(--color-bg-secondary)}.calculator-explainer td{color:var(--color-text-secondary)}.calculator-explainer tbody tr:hover{background:var(--color-bg-secondary)}.guide-list{display:flex;flex-direction:column;gap:var(--space-6);margin:var(--space-6) 0}.guide-card{padding:var(--space-5);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:border-color var(--transition-fast)}.guide-card:hover{border-color:var(--color-accent-gold)}.guide-card h2{margin:0 0 var(--space-2) 0;font-family:var(--font-display);font-size:var(--text-lg)}.guide-card h2 a{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast)}.guide-card h2 a:hover{color:var(--color-accent-gold)}.guide-card p{margin:0;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6}.guide-meta{display:block;margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-tertiary)}.data-table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:var(--text-sm)}.data-table th,.data-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{font-weight:600;color:var(--color-text-primary);background:var(--color-bg-secondary)}.data-table td{color:var(--color-text-secondary)}.data-table tbody tr:hover{background:var(--color-bg-secondary)}.site-nav{position:fixed;top:0;left:0;right:0;z-index:9999;height:var(--nav-height, 56px)}.site-nav__bar{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:calc(var(--max-width) + var(--space-8));margin:0 auto;padding:0 var(--space-4);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border)}@supports (backdrop-filter: blur(12px)){.site-nav__bar{background:color-mix(in srgb,var(--color-bg-primary) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}.site-nav__brand{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text-primary);text-decoration:none;letter-spacing:-.01em;transition:color var(--transition-fast)}.site-nav__brand:hover{color:var(--color-accent-gold)}.site-nav__left{display:flex;align-items:center;gap:var(--space-3)}.site-nav__right{display:flex;align-items:center;gap:var(--space-4)}.site-nav__link{font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.site-nav__link:hover{color:var(--color-accent-gold)}.nav-dropdown{position:relative}.nav-dropdown__trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:transparent;border:1px solid transparent;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.nav-dropdown__trigger:hover{color:var(--color-accent-gold);background:var(--color-bg-tertiary)}.nav-dropdown__trigger:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-border-focus)}.nav-dropdown__chevron{width:12px;height:12px;transition:transform var(--transition-fast)}.nav-dropdown[data-open=true] .nav-dropdown__chevron{transform:rotate(180deg)}.nav-dropdown__menu{position:absolute;top:100%;left:0;min-width:240px;padding:var(--space-2);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:0 12px 40px #0006,0 4px 12px #0003;list-style:none;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-fast)}.nav-dropdown[data-open=true] .nav-dropdown__menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown__menu[hidden]{display:none}.nav-dropdown__menu li{margin:0}.nav-dropdown__menu a{display:block;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.nav-dropdown__menu a:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.nav-dropdown__menu a:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-border-focus)}.nav-dropdown__menu a.active{color:var(--color-accent-gold);background:#d4af371a}.nav-dropdown__divider{height:1px;margin:var(--space-2) var(--space-4);background:var(--color-border)}.site-nav__hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;padding:0;background:transparent;border:none;cursor:pointer;z-index:10001}.site-nav__hamburger-line{display:block;width:20px;height:2px;background:var(--color-text-primary);border-radius:1px;transition:all var(--transition-fast)}.site-nav__hamburger[aria-expanded=true] .site-nav__hamburger-line:nth-child(1){transform:translateY(6px) rotate(45deg)}.site-nav__hamburger[aria-expanded=true] .site-nav__hamburger-line:nth-child(2){opacity:0}.site-nav__hamburger[aria-expanded=true] .site-nav__hamburger-line:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.site-nav__drawer{position:fixed;top:var(--nav-height, 56px);right:0;bottom:0;width:min(280px,85vw);background:var(--color-bg-card);border-left:1px solid var(--color-border);overflow-y:auto;transform:translate(100%);transition:transform var(--transition-base);z-index:10000}.site-nav__drawer:not([hidden]){transform:translate(0)}.site-nav__drawer[hidden]{display:block;visibility:hidden}.site-nav__drawer-section{padding:var(--space-4)}.site-nav__drawer-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.site-nav__drawer-link{display:block;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.site-nav__drawer-link:hover,.site-nav__drawer-link.active{color:var(--color-accent-gold)}.site-nav__drawer-divider{height:1px;margin:0 var(--space-4);background:var(--color-border)}.site-nav__drawer-settings{display:flex;flex-direction:column;gap:var(--space-4)}.site-nav__drawer-setting{display:flex;flex-direction:column;gap:var(--space-2)}.site-nav__drawer-setting-label{font-size:var(--text-xs);color:var(--color-text-muted)}.site-nav__drawer-currency,.site-nav__drawer-fontsize,.site-nav__drawer-theme{display:flex;flex-wrap:wrap;gap:var(--space-2)}.site-nav__drawer-currency button,.site-nav__drawer-fontsize button,.site-nav__drawer-theme button{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.site-nav__drawer-currency button:hover,.site-nav__drawer-fontsize button:hover,.site-nav__drawer-theme button:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.site-nav__drawer-currency button.active,.site-nav__drawer-fontsize button.active,.site-nav__drawer-theme button.active{background:var(--color-accent-gold);color:var(--color-bg-primary);border-color:var(--color-accent-gold)}.site-nav__overlay{position:fixed;inset:0;top:var(--nav-height, 56px);background:#00000080;z-index:9999;opacity:0;visibility:hidden;transition:all var(--transition-fast)}.site-nav__overlay:not([hidden]){opacity:1;visibility:visible}@media (max-width: 600px){.site-nav__bar{padding:0 var(--space-3)}.site-nav__brand{font-size:var(--text-sm)}.nav-dropdown,.site-nav__link,.site-nav__right{display:none}.site-nav__hamburger{display:flex}}.calculator-hub{text-align:center;margin-bottom:var(--space-8)}.calculator-hub__title{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text-primary);margin-bottom:var(--space-2)}.calculator-hub__intro{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.calculator-grid{display:grid;gap:var(--space-6)}@media (min-width: 600px){.calculator-grid{grid-template-columns:repeat(2,1fr)}}.calculator-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-card) 100%);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);text-decoration:none;text-align:left;transition:all var(--transition-base)}.calculator-card:hover{border-color:var(--color-accent-gold-dim);box-shadow:0 8px 32px #0003;transform:translateY(-2px)}.calculator-card:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-border-focus)}.calculator-card h3{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);margin:0}.calculator-card p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}.calculator-card:hover h3{color:var(--color-accent-gold)}.calculator-card__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);margin:0}.calculator-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}.calculator-card__cta{font-size:var(--text-sm);font-weight:500;color:var(--color-accent-gold);margin-top:auto}.calculator-card:hover .calculator-card__title{color:var(--color-accent-gold)}.faq{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.faq__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-8)}.faq__item{margin-bottom:var(--space-6)}.faq__item:last-child{margin-bottom:0}.faq__question{font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.faq__answer{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin:0}.related-calculators{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.related-calculators__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-6)}.related-calculators__grid{display:grid;gap:var(--space-4)}@media (min-width: 600px){.related-calculators__grid{grid-template-columns:repeat(3,1fr)}}.related-calculator-link{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);text-decoration:none;transition:all var(--transition-fast)}.related-calculator-link:hover{border-color:var(--color-accent-gold-dim);background:var(--color-bg-card)}.related-calculator-link:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-border-focus)}.related-calculator-link__title{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.related-calculator-link:hover .related-calculator-link__title{color:var(--color-accent-gold)}.related-calculator-link__desc{font-size:var(--text-xs);color:var(--color-text-muted)}.target-toggle{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.target-toggle__option{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.target-toggle__option input[type=radio]{appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid var(--color-border);border-radius:50%;background:var(--color-bg-tertiary);cursor:pointer;transition:all var(--transition-fast)}.target-toggle__option input[type=radio]:checked{border-color:var(--color-accent-gold);background:var(--color-accent-gold);box-shadow:inset 0 0 0 3px var(--color-bg-primary)}.target-toggle__option input[type=radio]:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-border-focus)}.target-toggle__label{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.target-toggle__option:hover .target-toggle__label,.target-toggle__option input[type=radio]:checked+.target-toggle__label{color:var(--color-text-primary)}.edge-case-message{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#d4af371a;border:1px solid var(--color-accent-gold-dim);border-radius:var(--border-radius-md);margin-bottom:var(--space-4)}.edge-case-message__icon{flex-shrink:0;width:24px;height:24px;color:var(--color-accent-gold)}.edge-case-message__text{font-size:var(--text-sm);color:var(--color-text-primary)}.edge-case-message--success{background:#22c55e1a;border-color:#22c55e4d}.edge-case-message--success .edge-case-message__icon{color:#22c55e}.share-btn{position:absolute;bottom:var(--space-4);right:var(--space-4);display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;color:var(--color-text-tertiary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:50%;cursor:pointer;transition:all var(--transition-fast)}.share-btn:hover{color:var(--color-text-primary);background:var(--color-bg-secondary);border-color:var(--color-text-tertiary)}.share-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-border-focus)}.share-btn:active{transform:scale(.98)}.share-btn svg{width:18px;height:18px;flex-shrink:0}.share-btn--copied{color:var(--color-accent-gold);background:#d4af371a}.toast{position:fixed;bottom:var(--space-8);left:50%;transform:translate(-50%) translateY(20px);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);background:var(--color-bg-card);border:1px solid var(--color-accent-gold-dim);border-radius:var(--border-radius-md);box-shadow:0 4px 20px #0000004d;opacity:0;visibility:hidden;transition:all var(--transition-base);z-index:1000}.toast--visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.calculator-explainer>p:first-of-type{font-size:var(--text-lg);color:var(--color-text-primary);line-height:1.7}.calculator-explainer h2{position:relative;padding-bottom:var(--space-4);margin-top:var(--space-16);margin-bottom:var(--space-6);border-bottom:none}.calculator-explainer h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--color-accent-gold);border-radius:2px}.calculator-explainer h2:not(:first-child):before{content:"\2022   \2022   \2022";display:block;text-align:center;color:var(--color-text-muted);letter-spacing:.3em;margin-bottom:var(--space-10);font-size:var(--text-sm)}.calculator-explainer h3{padding-left:var(--space-4);border-left:3px solid var(--color-accent-gold-dim);margin-top:var(--space-8);margin-bottom:var(--space-4)}.callout{padding:var(--space-5) var(--space-6);background:var(--color-bg-secondary);border-left:4px solid var(--color-accent-gold);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;margin:var(--space-6) 0}.callout__label{display:block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent-gold);margin-bottom:var(--space-2)}.callout p{margin:0;font-size:var(--text-base);color:var(--color-text-primary);font-weight:500;line-height:1.6}.callout--example{border-left-color:var(--color-text-muted)}.callout--example .callout__label{color:var(--color-text-muted)}.callout--warning{border-left-color:#f59e0b;background:#f59e0b14}.callout--warning .callout__label{color:#f59e0b}.pull-quote{font-family:var(--font-display);font-size:var(--text-xl);line-height:1.5;color:var(--color-text-primary);border-left:none;padding:var(--space-8) var(--space-4);margin:var(--space-10) 0;text-align:center;position:relative}.pull-quote:before,.pull-quote:after{content:"";display:block;width:50px;height:1px;background:var(--color-accent-gold);margin:0 auto var(--space-5)}.pull-quote:after{margin:var(--space-5) auto 0}@media (min-width: 600px){.pull-quote{font-size:var(--text-2xl);padding:var(--space-10) var(--space-8)}}.calculator-explainer table{border:1px solid var(--color-border);border-radius:var(--border-radius-md);overflow:hidden}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--space-6) 0}.table-wrapper table{margin:0}.calculator-explainer tbody tr:nth-child(2n){background:#ffffff05}[data-theme=light] .calculator-explainer tbody tr:nth-child(2n),:root:not([data-theme]) .calculator-explainer tbody tr:nth-child(2n){background:#00000005}@media (prefers-color-scheme: light){:root:not([data-theme]) .calculator-explainer tbody tr:nth-child(2n){background:#00000005}}.calculator-explainer th{background:var(--color-bg-tertiary);border-bottom:2px solid var(--color-accent-gold-dim)}.calculator-explainer td{border-bottom-color:var(--color-border)}.calculator-explainer tbody tr:last-child td{border-bottom:none}.calculator-explainer ul{list-style:none;padding-left:0}.calculator-explainer ul li{position:relative;padding-left:var(--space-6);margin-bottom:var(--space-3)}.calculator-explainer ul li:before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;background:var(--color-accent-gold);border-radius:50%}.calculator-explainer ol{list-style:none;counter-reset:item;padding-left:0}.calculator-explainer ol li{counter-increment:item;display:flex;gap:var(--space-3);margin-bottom:var(--space-3);padding-left:0}.calculator-explainer ol li:before{content:counter(item);display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;background:var(--color-bg-tertiary);color:var(--color-accent-gold);border-radius:50%;font-size:var(--text-sm);font-weight:600;flex-shrink:0;margin-top:.1em}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin:var(--space-6) 0}@media (max-width: 640px){.feature-grid{grid-template-columns:1fr}}.feature-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--space-5);transition:border-color var(--transition-fast)}.feature-card:hover{border-color:var(--color-border-hover)}.feature-card__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm);margin-bottom:var(--space-3);color:var(--color-accent-gold)}.feature-card h3{font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.feature-card p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}.milestone-explainer{display:flex;flex-direction:column;gap:var(--space-4);margin:var(--space-5) 0 var(--space-6)}.milestone-explainer__item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md)}.milestone-explainer__badge{display:flex;align-items:center;justify-content:center;min-width:48px;height:32px;background:var(--color-bg-tertiary);color:var(--color-accent-gold);font-size:var(--text-sm);font-weight:700;font-feature-settings:"tnum";border-radius:var(--border-radius-sm);flex-shrink:0}.milestone-explainer__content{flex:1}.milestone-explainer__content strong{display:block;font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-1)}.milestone-explainer__content p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}.calculator-explainer .steps-list{list-style:none;counter-reset:step;padding:0;margin:var(--space-5) 0 var(--space-6)}.calculator-explainer .steps-list li{counter-increment:step;display:flex;flex-direction:column;position:relative;padding-left:calc(var(--space-6) + 36px);margin-bottom:var(--space-5)}.calculator-explainer .steps-list li:before{content:counter(step);position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-accent-gold);color:var(--color-bg-primary);font-size:var(--text-sm);font-weight:700;border-radius:50%}.calculator-explainer .steps-list li:not(:last-child):after{content:"";position:absolute;left:15px;top:36px;width:2px;height:calc(100% + var(--space-5) - 36px);background:var(--color-border)}.calculator-explainer .steps-list li strong{font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-1)}.calculator-explainer .steps-list li p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}.calculator-explainer .steps-list li a{color:var(--color-accent-gold);text-decoration:none}.calculator-explainer .steps-list li a:hover{text-decoration:underline}.faq__list{display:flex;flex-direction:column;gap:var(--space-6)}.faq__list .faq__item{margin-bottom:0;background:transparent;border:none;padding:0}.faq__trigger{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;text-align:left;font-family:var(--font-body);transition:all var(--transition-fast)}.faq__trigger:hover{border-color:var(--color-accent-gold-dim);background:var(--color-bg-card)}.faq__trigger:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-border-focus)}.faq__trigger[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent;background:var(--color-bg-card)}.faq__badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-accent-gold);color:var(--color-bg-primary);border-radius:50%;font-size:var(--text-xs);font-weight:700;flex-shrink:0}.faq__question-text{flex:1;font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);line-height:1.4}.faq__chevron{width:20px;height:20px;color:var(--color-text-muted);transition:transform var(--transition-fast);flex-shrink:0}.faq__trigger[aria-expanded=true] .faq__chevron{transform:rotate(180deg)}.faq__answer{padding:var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--border-radius-md) var(--border-radius-md)}.faq__answer[hidden]{display:none}.faq__answer p{margin:0;color:var(--color-text-secondary);line-height:1.7;font-size:var(--text-sm)}.faq__answer p a{color:var(--color-accent-gold);text-decoration:underline;text-decoration-color:var(--color-accent-gold-dim);text-underline-offset:2px}.faq__answer p a:hover{text-decoration-color:var(--color-accent-gold)}@media (max-width: 600px){.faq__trigger{padding:var(--space-3) var(--space-4)}.faq__badge{width:24px;height:24px;font-size:10px}.faq__question-text{font-size:var(--text-sm)}.faq__answer{padding:var(--space-4)}}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9998;padding:var(--space-4) var(--space-6);background:var(--color-bg-card);border-top:1px solid var(--color-border);box-shadow:0 -4px 20px #00000040;transform:translateY(100%);opacity:0;visibility:hidden;transition:transform var(--transition-base),opacity var(--transition-base),visibility var(--transition-base)}.cookie-banner--visible{transform:translateY(0);opacity:1;visibility:visible}body:has(.cookie-banner--visible){padding-bottom:80px}.cookie-banner__inner{max-width:var(--max-width);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.cookie-banner__text{flex:1;min-width:280px;margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.cookie-banner__text a{color:var(--color-accent-gold);text-decoration:underline;text-decoration-color:var(--color-accent-gold-dim);text-underline-offset:2px}.cookie-banner__text a:hover{text-decoration-color:var(--color-accent-gold)}.cookie-banner__actions{display:flex;gap:var(--space-3);flex-shrink:0}.cookie-banner__btn{padding:var(--space-2) var(--space-5);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.cookie-banner__btn--accept{color:var(--color-bg-primary);background:var(--color-accent-gold);border:1px solid var(--color-accent-gold)}.cookie-banner__btn--accept:hover{background:var(--color-accent-gold-light);border-color:var(--color-accent-gold-light)}.cookie-banner__btn--decline{color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border)}.cookie-banner__btn--decline:hover{color:var(--color-text-primary);border-color:var(--color-text-muted)}.cookie-banner__btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-border-focus)}@media (max-width: 600px){.cookie-banner{padding:var(--space-4)}.cookie-banner__inner{flex-direction:column;text-align:center}.cookie-banner__text{min-width:auto}.cookie-banner__actions{width:100%;justify-content:center}}@media (prefers-reduced-motion: reduce){.cookie-banner{transform:none;transition:opacity var(--transition-fast),visibility var(--transition-fast)}}.whatif-widget{background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-card) 100%);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-6);margin-top:var(--space-6)}.whatif-widget__toggle{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:0;background:transparent;border:none;cursor:pointer;text-align:left}.whatif-widget__toggle:focus-visible{outline:2px solid var(--color-accent-gold);outline-offset:2px;border-radius:var(--border-radius-sm)}.whatif-widget__chevron{width:20px;height:20px;margin-left:auto;color:var(--color-text-muted);transition:transform var(--transition-base)}.whatif-widget--collapsed .whatif-widget__chevron{transform:rotate(-90deg)}.whatif-widget__content{max-height:500px;opacity:1;overflow:hidden;transition:max-height .3s ease,opacity .2s ease,margin .3s ease;margin-top:var(--space-5)}.whatif-widget--collapsed .whatif-widget__content{max-height:0;opacity:0;margin-top:0}.whatif-widget__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#d4af371a;border-radius:50%;color:var(--color-accent-gold)}.whatif-widget__icon svg{width:18px;height:18px}.whatif-widget__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-primary)}.whatif-widget__prompt{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-5)}.whatif-widget__select{appearance:none;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--color-accent-gold);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all var(--transition-fast)}.whatif-widget__select:hover{border-color:var(--color-accent-gold-dim);background-color:var(--color-bg-card)}.whatif-widget__select:focus{outline:none;border-color:var(--color-accent-gold);box-shadow:0 0 0 2px var(--color-border-focus)}.whatif-widget__result{display:flex;align-items:center;justify-content:center;gap:var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--space-4) var(--space-5)}.whatif-widget__impact{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-accent-gold);line-height:1.2}.whatif-widget__share-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;color:var(--color-accent-gold-dim);background:transparent;border:1px solid var(--color-accent-gold-dim);border-radius:50%;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.whatif-widget__share-btn:hover{color:var(--color-accent-gold);border-color:var(--color-accent-gold);background:#d4af371a}.whatif-widget__share-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-border-focus)}.whatif-widget__share-btn svg{width:16px;height:16px}.share-modal-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:10001;opacity:0;visibility:hidden;transition:all var(--transition-base)}.share-modal-overlay.active{opacity:1;visibility:visible}.share-modal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);width:100%;max-width:420px;box-shadow:0 24px 64px #0006;transform:translateY(20px) scale(.95);transition:all var(--transition-base)}.share-modal-overlay.active .share-modal{transform:translateY(0) scale(1)}.share-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.share-modal__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-primary)}.share-modal__close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.share-modal__close:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.share-modal__close svg{width:20px;height:20px}.share-modal__body{padding:var(--space-6)}.share-preview{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--space-5);margin-bottom:var(--space-6);text-align:center}.share-preview__insight{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);line-height:1.5;margin-bottom:var(--space-3)}.share-preview__insight strong{color:var(--color-accent-gold);font-weight:600}.share-preview__cta{font-size:var(--text-xs);color:var(--color-text-muted)}.share-preview__cta span{color:var(--color-accent-gold)}.share-modal__copy-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-5)}.share-copy-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.share-copy-btn:hover{background:var(--color-bg-card);color:var(--color-text-primary);border-color:var(--color-accent-gold-dim)}.share-copy-btn:active{transform:scale(.98)}.share-copy-btn svg{width:16px;height:16px}.share-copy-btn.copied{background:#d4af371a;border-color:var(--color-accent-gold);color:var(--color-accent-gold)}.share-modal__divider{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.share-modal__divider:before,.share-modal__divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.share-modal__divider span{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.share-modal__platforms{display:flex;justify-content:center;gap:var(--space-4)}.share-platform-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-secondary);font-family:var(--font-body);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);min-width:80px}.share-platform-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent-gold-dim);color:var(--color-text-primary)}.share-platform-btn__icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.share-platform-btn__icon svg{width:24px;height:24px}.share-platform-btn--whatsapp:hover{border-color:#25d366;color:#25d366}.share-platform-btn--twitter:hover{border-color:#1da1f2;color:#1da1f2}.share-platform-btn--imessage:hover{border-color:#34c759;color:#34c759}.share-platform-btn--reddit:hover{border-color:#ff4500;color:#ff4500}.share-modal--progress{padding:var(--space-6);position:relative}.share-modal--progress .share-modal__close{position:absolute;top:var(--space-3);right:var(--space-3)}.share-modal--progress .share-modal__body{padding:0;padding-top:var(--space-4)}.share-modal__hero{text-align:center;margin-bottom:var(--space-5)}.share-modal__percent{font-family:var(--font-display);font-size:3rem;font-weight:400;color:var(--color-accent);line-height:1}.share-modal__label{display:block;font-size:var(--text-md);color:var(--color-text-secondary);margin-top:var(--space-1)}.share-modal__textarea{width:100%;min-height:160px;padding:var(--space-4);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-primary);font-family:var(--font-mono, monospace);font-size:var(--text-sm);line-height:1.6;resize:vertical;margin-bottom:var(--space-4)}.share-modal__textarea:focus{outline:none;border-color:var(--color-accent-gold);box-shadow:0 0 0 3px #d4af3726}.share-modal__guidance{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3);text-align:center}.share-modal__cta{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--color-accent-gold);border:none;border-radius:var(--border-radius-md);color:#1a1a1a;font-family:var(--font-body);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.share-modal__cta:hover{background:#e6c547;transform:translateY(-1px)}.share-modal__cta:active{transform:scale(.98)}.share-modal__cta:disabled{opacity:.7;cursor:wait}.share-modal__cta svg{flex-shrink:0}.share-modal__note{text-align:center;font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-4);margin-bottom:0}.feedback-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-4);background:transparent;border:1px solid var(--color-accent-gold);border-radius:var(--border-radius-md);color:var(--color-accent-gold);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.feedback-btn:hover{background:var(--color-accent-gold);color:#1a1a1a}.feedback-btn:active{transform:scale(.98)}.feedback-btn svg{flex-shrink:0}.view-mode-sticky{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg-card);border-top:1px solid var(--color-border);padding:var(--space-4);display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap;z-index:100;box-shadow:0 -4px 16px #0000001a}.view-mode-sticky span{font-size:var(--text-sm);color:var(--color-text-secondary)}.view-mode-sticky__cta{display:inline-flex;align-items:center;padding:var(--space-3) var(--space-5);background:var(--color-accent-gold);border-radius:var(--border-radius-md);color:#1a1a1a;font-weight:600;font-size:var(--text-sm);text-decoration:none;transition:all var(--transition-fast)}.view-mode-sticky__cta:hover{background:#e6c547;transform:translateY(-1px)}body:has(.view-mode-sticky:not([hidden])) .app{padding-bottom:80px}.hero{text-align:center;padding:var(--space-2) 0 var(--space-4)}.hero__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;color:var(--color-text-primary);margin-bottom:var(--space-6)}@media (min-width: 768px){.hero__title{font-size:var(--text-2xl)}}.hero__input-group{max-width:400px;margin:0 auto var(--space-4)}.hero__input-label{display:block;font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-2)}.hero__input-wrapper{display:flex;align-items:center;justify-content:center;gap:var(--space-2);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-3) var(--space-5);transition:all var(--transition-fast)}.hero__input-wrapper:focus-within{border-color:var(--color-accent-gold);box-shadow:0 0 0 4px #d4af3726}.hero__currency{font-family:var(--font-body);font-size:var(--text-xl);font-weight:500;color:var(--color-text-muted)}.hero__input{font-family:var(--font-body);font-size:var(--text-xl);font-weight:500;color:var(--color-text-primary);background:transparent;border:none;outline:none;width:120px;text-align:center;-moz-appearance:textfield}.hero__input::-webkit-inner-spin-button,.hero__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (min-width: 768px){.hero__currency,.hero__input{font-size:var(--text-2xl)}.hero__input{width:140px}}.hero__result{margin-bottom:var(--space-1)}.hero__result-label{font-size:var(--text-xs);font-weight:500;color:var(--color-text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-2)}.hero__result-value{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--color-accent-gold);line-height:1;margin-bottom:var(--space-2)}@media (min-width: 768px){.hero__result-value{font-size:var(--text-5xl)}}.hero__result-meta{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted)}.hero__meta-item strong{color:var(--color-text-secondary);font-weight:500}.hero__meta-sep{color:var(--color-border)}.hero__meta-item a{color:var(--color-text-muted);text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.hero__meta-item a:hover{color:var(--color-text-secondary)}.journey-prompts{padding:var(--space-4) 0;border-top:1px solid var(--color-border);margin-bottom:var(--space-3)}.journey-prompts__title{font-size:var(--text-xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-3)}.journey-prompts__grid{display:grid;gap:var(--space-4)}@media (min-width: 500px){.journey-prompts__grid{grid-template-columns:1fr 1fr;gap:var(--space-6)}}.journey-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-5);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-left:3px solid var(--color-accent-gold-dim);border-radius:var(--border-radius-md);text-decoration:none;transition:all var(--transition-base)}.journey-card:hover{border-left-color:var(--color-accent-gold);background:var(--color-bg-card);transform:translate(4px)}.journey-card:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-border-focus)}.journey-card__title{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-muted);transition:color var(--transition-fast)}.journey-card:hover .journey-card__title{color:var(--color-text-secondary)}.journey-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:400}.journey-card__value{font-family:var(--font-body);font-size:var(--text-xl);font-weight:600;color:var(--color-text-primary);line-height:1.2}.refinement{margin-bottom:var(--space-4)}.refinement__toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-4);background:transparent;border:none;cursor:pointer;font-family:var(--font-body);transition:all var(--transition-fast)}.refinement__toggle:hover{background:var(--color-bg-secondary);border-radius:var(--border-radius-md)}.refinement__toggle:focus-visible{outline:2px solid var(--color-accent-gold);outline-offset:2px;border-radius:var(--border-radius-md)}.refinement__toggle-text{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);transition:color var(--transition-fast)}.refinement__toggle:hover .refinement__toggle-text{color:var(--color-text-secondary)}.refinement__chevron{width:20px;height:20px;color:var(--color-text-muted);transition:transform var(--transition-base)}.refinement__toggle[aria-expanded=true] .refinement__chevron{transform:rotate(180deg)}.refinement__content{max-height:2000px;opacity:1;overflow:hidden;transition:max-height .4s ease,opacity .3s ease,padding .3s ease;padding-top:var(--space-4)}.refinement__content[hidden]{display:block;max-height:0;opacity:0;padding-top:0;visibility:hidden}.refinement__results{background:linear-gradient(135deg,var(--color-bg-secondary) 0%,var(--color-bg-card) 100%);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.refinement__results-grid{display:grid;gap:var(--space-4);text-align:center}@media (min-width: 500px){.refinement__results-grid{grid-template-columns:1fr 1fr;gap:var(--space-6)}}.refinement__result-item{display:flex;flex-direction:column;gap:var(--space-1)}.refinement__result-value{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-accent-gold)}.refinement__result-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.refinement__meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);margin-top:var(--space-4)}.refinement__meta-item{font-size:var(--text-sm);color:var(--color-text-muted)}.refinement__meta-value{color:var(--color-text-secondary);font-weight:500}.progress-summary{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.progress-summary__top{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.progress-summary__amounts{display:flex;align-items:baseline;gap:var(--space-2)}.progress-summary__current{font-family:var(--font-display);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;color:var(--color-accent-gold)}.progress-summary__separator{font-size:var(--text-base);color:var(--color-text-muted)}.progress-summary__target{font-size:var(--text-base);font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.progress-summary__edit-btn{margin-left:var(--space-1);opacity:.4;transition:opacity var(--transition-fast)}.progress-summary__edit-btn:hover{opacity:1}.progress-summary__edit{margin-bottom:var(--space-3)}.progress-summary__edit-row{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.progress-summary__edit-row .input-number{width:140px;font-size:var(--text-base)}.btn-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}.progress-summary__projection{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);white-space:nowrap}@media (min-width: 500px){.progress-summary__current{font-size:var(--text-3xl)}.progress-summary__target{font-size:var(--text-lg)}}.progress-summary__bar-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.progress-bar-container{flex:1;background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm);height:16px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--color-accent-gold-dim),var(--color-accent-gold));border-radius:var(--border-radius-sm);transition:width .5s ease;min-width:2px}.progress-summary__percentage{font-family:var(--font-display);font-size:var(--text-lg);font-variant-numeric:tabular-nums;color:var(--color-text-primary);min-width:3.5em;text-align:right}.milestones{display:flex;gap:var(--space-2)}.milestone__badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-sm);font-size:var(--text-xs);font-weight:500;background:var(--color-bg-tertiary);color:var(--color-text-muted);border:1px solid var(--color-border);transition:all var(--transition-fast)}.milestone--reached .milestone__badge{background:var(--color-accent-gold);color:var(--color-bg-primary);border-color:var(--color-accent-gold)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.section-title{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.section-header__actions{display:flex;gap:var(--space-2)}.buckets-section{margin-bottom:var(--space-4)}.bucket-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--space-3);margin-bottom:var(--space-2)}.bucket-card__row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.bucket-card__name{font-weight:500;font-size:var(--text-sm);color:var(--color-text-primary);min-width:120px}.bucket-card__stats{display:flex;gap:var(--space-4);flex:1}.bucket-card__stat{font-size:var(--text-sm);font-weight:500;font-variant-numeric:tabular-nums;color:var(--color-accent-gold)}.bucket-card__stat--muted{color:var(--color-text-muted);font-weight:400}.bucket-card__actions{display:flex;gap:var(--space-1);opacity:.5;transition:opacity var(--transition-fast)}.bucket-card:hover .bucket-card__actions{opacity:1}.bucket-card__checkin{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border);flex-wrap:wrap}.bucket-card__mode-toggle{display:flex}.bucket-card__mode-btn{padding:var(--space-1) var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.bucket-card__mode-btn:first-child{border-radius:var(--border-radius-sm) 0 0 var(--border-radius-sm)}.bucket-card__mode-btn:last-child{border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;border-left:none}.bucket-card__mode-btn:hover{border-color:var(--color-accent-gold-dim);color:var(--color-text-secondary)}.bucket-card__mode-btn--active{background:var(--color-accent-gold);color:var(--color-bg-primary);border-color:var(--color-accent-gold)}.checkin-date{padding:var(--space-1) var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-primary);cursor:pointer;min-width:120px}.checkin-date:focus{outline:none;border-color:var(--color-accent-gold)}.checkin-date[hidden]{display:none}.bucket-card__checkin-input-wrapper{display:flex;align-items:center;gap:var(--space-1);flex:1;min-width:120px}.bucket-card__checkin-input-wrapper .input-number{width:100%;padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}.bucket-form{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--space-5);margin-bottom:var(--space-4)}.bucket-form__row{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-4)}@media (min-width: 500px){.bucket-form__row{grid-template-columns:1fr 1fr}}.bucket-form__actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.select{width:100%;padding:var(--space-3);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);cursor:pointer;transition:border-color var(--transition-fast)}.select:focus{outline:none;border-color:var(--color-accent-gold)}.chart-section{margin-bottom:var(--space-4)}.chart-section .section-title{margin-bottom:var(--space-2)}.chart-container{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--space-3);height:200px}@media (min-width: 500px){.chart-container{height:250px}}.history-section{margin-bottom:var(--space-6)}.history-item{display:grid;grid-template-columns:70px 1fr auto auto auto auto auto;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);margin-bottom:1px;font-size:var(--text-xs)}.history-item:first-child{border-top-left-radius:var(--border-radius-sm);border-top-right-radius:var(--border-radius-sm)}.history-item:last-child{border-bottom-left-radius:var(--border-radius-sm);border-bottom-right-radius:var(--border-radius-sm)}.history-item__date{color:var(--color-text-muted);font-variant-numeric:tabular-nums}.history-item__bucket{font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item__change{font-weight:500;font-variant-numeric:tabular-nums;text-align:right;min-width:70px}.history-item__change--positive{color:#22c55e}.history-item__change--negative{color:#ef4444}.history-item__arrow{color:var(--color-text-muted);font-size:var(--text-xs)}.history-item__balance{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;text-align:right;min-width:80px}.history-item__total{color:var(--color-text-muted);font-variant-numeric:tabular-nums;text-align:right;min-width:90px}.history-delete-btn{opacity:.3;transition:opacity var(--transition-fast)}.history-item:hover .history-delete-btn{opacity:1}.history-delete-btn:hover{color:#ef4444}@media (max-width: 500px){.history-item{grid-template-columns:1fr auto;grid-template-rows:auto auto}.history-item__date{grid-column:1}.history-item__bucket{grid-column:1;grid-row:2}.history-item__change{grid-column:2;grid-row:1}.history-item__arrow,.history-item__balance{display:none}.history-item__total{grid-column:2;grid-row:2}}.empty-state{text-align:center;padding:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.empty-state__icon{font-size:var(--text-2xl);margin-bottom:var(--space-2);opacity:.4}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;background:var(--color-accent-gold);color:var(--color-bg-primary);border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-primary:hover{background:var(--color-accent-gold-light)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{border-color:var(--color-accent-gold);color:var(--color-accent-gold)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.btn-icon:hover{color:var(--color-accent-gold);background:var(--color-bg-tertiary)}