:root{--color-green-bright: #6BBE4E;--color-green-mid: #3D9B48;--color-green-dark: #1A5C38;--color-green-parrot: #7DC142;--color-green-light: #E8F5E3;--color-green-mid-tint:#B8DFB0;--color-slate: #2B3A4A;--color-slate-60: #7A8A96;--color-slate-30: #C0C8CE;--color-slate-10: #EAECEE;--color-white: #FFFFFF;--color-bg: #F4F6F4;--color-primary: var(--color-green-bright);--color-primary-dark: var(--color-green-dark);--color-primary-light: var(--color-green-light);--color-primary-mid: var(--color-green-mid-tint);--color-secondary: var(--color-slate);--color-secondary-dark: #1A2530;--color-secondary-light: var(--color-slate-10);--color-secondary-mid: var(--color-slate-30);--color-accent: var(--color-green-parrot);--color-surface: var(--color-white);--color-surface-muted: #F7FAF7;--color-prefix-bg: #EFF4EF;--color-text: var(--color-slate);--color-text-secondary: #3D4F5C;--color-text-muted: var(--color-slate-60);--color-text-placeholder: var(--color-slate-30);--color-border: var(--color-slate-10);--color-border-light: #EEF2EE;--color-border-input: var(--color-slate-30)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100vh}.app-shell{max-width:1200px;margin:0 auto;padding:36px 24px}.app-title{font-size:1.5rem;font-weight:300;color:var(--color-text-secondary);margin-bottom:28px;letter-spacing:-.01em;text-align:right}.app-body{display:flex;gap:24px;align-items:flex-start}.input-panel{width:340px;flex-shrink:0}.panel-container{background:var(--color-surface);border-radius:14px;box-shadow:0 1px 4px #00000012;overflow:hidden}.card{background:transparent;padding:28px 20px;display:flex;flex-direction:column;gap:14px}.card+.card{border-top:1px solid var(--color-border-light)}.card-title{font-size:1rem;font-weight:600;color:var(--color-text);letter-spacing:-.01em;margin-bottom:2px}.field-label-row{display:flex;align-items:center;gap:6px;margin-top:4px}.field-label{font-size:.78rem;font-weight:500;color:var(--color-text-muted)}.info-tooltip-wrap{position:relative;display:inline-flex;align-items:center}.info-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:none;background:var(--color-border);color:var(--color-text-muted);cursor:pointer;padding:0;flex-shrink:0;transition:background .15s}.info-btn:hover{background:var(--color-slate-30)}.info-tooltip-popup{display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--color-slate);color:#f0f4f0;font-size:.73rem;line-height:1.55;padding:10px 12px;border-radius:8px;width:220px;box-shadow:0 8px 24px #0003;z-index:100;pointer-events:none;border:1px solid rgba(0,0,0,.08)}.info-tooltip-popup:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--color-slate)}.info-tooltip-wrap:hover .info-tooltip-popup{display:block}.input-prefix-wrap,.input-suffix-wrap{display:flex;align-items:center;border:1px solid var(--color-border-input);border-radius:8px;background:var(--color-surface-muted);overflow:hidden;transition:border-color .15s,background .15s}.input-prefix-wrap:focus-within,.input-suffix-wrap:focus-within{border-color:var(--color-green-bright);background:var(--color-surface)}.field-input{width:100%;padding:11px 10px;border:none;background:transparent;font-size:.9rem;color:var(--color-text);outline:none;flex:1}.field-input::placeholder{color:var(--color-text-placeholder)}.field-input:disabled{opacity:.45;cursor:not-allowed}.field-input::-webkit-inner-spin-button,.field-input::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button;opacity:1;cursor:pointer}.prefix,.suffix{padding:11px 10px;font-size:.82rem;color:var(--color-text-muted);background:var(--color-prefix-bg);-webkit-user-select:none;user-select:none;white-space:nowrap}.prefix{border-right:1px solid var(--color-border-input)}.suffix{border-left:1px solid var(--color-border-input)}.field-readonly{padding:9px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:.95rem;font-weight:700;color:var(--color-text-secondary);background:var(--color-surface-muted);letter-spacing:.01em}.split-slider{display:flex;flex-direction:column;gap:8px;margin-top:4px}.split-legends{display:flex;justify-content:space-between}.split-legend{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:500;color:var(--color-text-secondary)}.split-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.split-dot--abp{background:var(--color-slate)}.split-dot--annuity{background:var(--color-green-bright)}.split-pct-row{display:flex;justify-content:space-between;margin-top:-2px}.split-pct{font-size:.88rem;font-weight:700}.split-pct--abp{color:var(--color-slate)}.split-pct--annuity{color:var(--color-green-mid)}.split-inputs-row{display:flex;gap:8px}.split-inputs-row .input-prefix-wrap{flex:1;min-width:0}.range-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:7px;border-radius:4px;outline:none;cursor:pointer;background:transparent;padding:0;margin:8px 0}.range-slider::-webkit-slider-runnable-track{height:7px;border-radius:4px;background:linear-gradient(to right,var(--color-slate) 0%,var(--color-slate) var(--split, 50%),var(--color-green-bright) var(--split, 50%),var(--color-green-bright) 100%)}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-border-input);box-shadow:0 1px 5px #0003;cursor:pointer;margin-top:-7.5px;transition:box-shadow .1s}.range-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 8px #00000047}.range-slider::-moz-range-track{height:7px;border-radius:4px;border:none;background:linear-gradient(to right,var(--color-slate) 0%,var(--color-slate) var(--split, 50%),var(--color-green-bright) var(--split, 50%),var(--color-green-bright) 100%)}.range-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-border-input);box-shadow:0 1px 5px #0003;cursor:pointer}.range-slider:disabled{opacity:.4;cursor:not-allowed}.preset-row{display:flex;gap:6px}.preset-btn{flex:1;padding:7px 4px;border:1px solid var(--color-border-input);border-radius:7px;background:var(--color-surface-muted);color:var(--color-text-muted);font-size:.78rem;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s,color .15s;white-space:nowrap}.preset-btn:hover{border-color:var(--color-green-mid-tint);background:var(--color-prefix-bg);color:var(--color-text-secondary)}.preset-btn--active,.preset-btn--active:hover{border-color:var(--color-green-bright);background:var(--color-green-bright);color:var(--color-white)}.chart-section{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px;position:sticky;top:36px;align-self:flex-start}.chart-wrap{background:var(--color-surface);border-radius:14px;padding:20px 8px 8px;box-shadow:0 1px 4px #00000012}.chart-placeholder{background:var(--color-surface);border-radius:14px;padding:100px 20px;text-align:center;color:var(--color-text-placeholder);font-size:.95rem;box-shadow:0 1px 4px #00000012}.chart-tabs{display:flex;gap:4px;margin:0 12px 16px;background:var(--color-prefix-bg);border-radius:9px;padding:3px}.chart-tab{flex:1;padding:7px 12px;border:none;border-radius:7px;background:transparent;color:var(--color-text-muted);font-size:.82rem;font-weight:500;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.chart-tab:hover{color:var(--color-text-secondary)}.chart-tab--active{background:var(--color-surface);color:var(--color-text);font-weight:600;box-shadow:0 1px 3px #0000001a}.stats-wrapper{background:var(--color-surface);border-radius:14px;padding:20px;box-shadow:0 1px 4px #00000012}.stats-cards{display:flex;gap:12px}.stats-card{flex:1;border-radius:10px;padding:16px 18px;display:flex;align-items:flex-start;gap:14px}.stats-card--breakeven{background:var(--color-green-light);border:1px solid var(--color-green-mid-tint)}.stats-card--depletion{background:var(--color-slate-10);border:1px solid var(--color-slate-30)}.stats-card--none,.stats-card--muted{background:var(--color-surface-muted);border:1px solid var(--color-border)}.stats-card--muted .stats-card-icon{background:var(--color-border-light);color:var(--color-text-placeholder)}.stats-card--muted .stats-card-label{color:var(--color-slate-30)}.stats-card--muted .stats-card-value,.stats-card--muted .stats-card-desc{color:var(--color-text-placeholder)}.stats-card-icon{flex-shrink:0;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center}.stats-card--breakeven .stats-card-icon{background:var(--color-green-bright);color:var(--color-white)}.stats-card--depletion .stats-card-icon{background:var(--color-slate);color:var(--color-white)}.stats-card-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);margin-bottom:2px}.stats-card-value{font-size:1.35rem;font-weight:700;line-height:1.1;margin-bottom:4px}.stats-card--breakeven .stats-card-value{color:var(--color-green-dark)}.stats-card--depletion .stats-card-value{color:var(--color-slate)}.stats-card-desc{font-size:.76rem;color:var(--color-text-muted);line-height:1.5}.chart-tooltip{background:var(--color-slate);border-radius:10px;padding:13px 16px;color:#f0f4f0;box-shadow:0 8px 24px #00000059;width:210px;border:1px solid rgba(255,255,255,.08)}.tooltip-year{font-weight:700;margin-bottom:10px;color:var(--color-slate-60);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.tooltip-row{display:flex;align-items:center;gap:9px;margin-top:7px;font-size:.92rem;font-weight:500;color:#f0f4f0}.tooltip-swatch{width:10px;height:10px;border-radius:3px;flex-shrink:0}@media(max-width:768px){.app-body{flex-direction:column}.input-panel{width:100%}.stats-cards{flex-direction:column}}