:root{--paper: #ebe8e0;--surface: #faf9f5;--surface-sunken: #e4e0d6;--border: #ddd8ce;--border-strong: #948b7e;--text: #1d1c1a;--text-muted: #67615a;--accent: #1f6f5c;--accent-soft: #d7e9e1;--text-muted-on-accent: #605b53;--ink: #13322a;--ink-raised: #1b4237;--ink-line: #2b5347;--on-ink: #f4f7f5;--on-ink-muted: #a3b8b0;--mint: #7ed9b2;--principal: #c9c1b4;--contributions: #4d86b4;--interest: var(--mint);--negative: #a33a2c;--negative-on-ink: #ff9b88;--on-band: #04100c;--on-band-start: #04100c;--principal-paper: #9c9078;--contributions-paper: #3e719d;--interest-paper: #1f6f5c;--on-principal-paper: #241f18;--on-contributions-paper: #ffffff;--on-interest-paper: #ffffff;--radius: 12px;--shadow: 0 1px 2px rgb(29 28 26 / 4%), 0 8px 24px -18px rgb(29 28 26 / 18%);--shadow-slab: 0 1px 3px rgb(19 50 42 / 9%), 0 20px 44px -34px rgb(19 50 42 / 38%);--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--paper: #131614;--surface: #1c201e;--surface-sunken: #171a18;--border: #2e3533;--border-strong: #6d7679;--text: #dde2df;--text-muted: #9aa39f;--accent: #5fbfa3;--accent-soft: #1b3a31;--text-muted-on-accent: #a8a59d;--ink: #172822;--ink-raised: #21362e;--ink-line: #32463e;--on-ink: #e4eae7;--on-ink-muted: #93a8a0;--principal: #625a51;--contributions: #5c93c4;--negative: #e08375;--principal-paper: #8d8478;--contributions-paper: #5c93c4;--interest-paper: #5fbfa3;--on-principal-paper: #0d1613;--on-contributions-paper: #0d1613;--on-interest-paper: #0d1613;--on-band: #0d1613;--on-band-start: #e4eae7;--shadow: 0 1px 2px rgb(0 0 0 / 28%), 0 8px 24px -18px rgb(0 0 0 / 50%);--shadow-slab: 0 1px 0 rgb(255 255 255 / 3%), 0 20px 44px -34px rgb(0 0 0 / 65%)}}@media(prefers-contrast:more){:root{--border: var(--border-strong);--ink-line: var(--on-ink-muted);--text-muted: var(--text);--on-ink-muted: var(--on-ink);--text-muted-on-accent: var(--text)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}a{color:var(--accent)}.app{max-width:1240px;margin:0 auto;padding:22px 24px 64px}.skip-link{position:absolute;left:12px;top:12px;z-index:10;padding:10px 16px;color:var(--surface);background:var(--text);border-radius:8px;text-decoration:none;transform:translateY(-200%)}.skip-link:focus-visible{transform:translateY(0)}.eyebrow{margin:0;font-family:var(--font-mono);font-size:.72rem;font-weight:500;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;margin-bottom:28px;padding-bottom:22px;border-bottom:1px solid var(--border)}.app-title{display:flex;align-items:flex-start;gap:12px;min-width:0}.brand-mark{flex:none;display:block;width:30px;height:30px;margin-top:2px;color:var(--accent)}h1{margin:0;font-size:1.4rem;font-weight:640;letter-spacing:-.02em}.subtitle{margin:2px 0 0;color:var(--text-muted)}.header-controls{display:flex;align-items:center;gap:10px}.currency-picker select{width:auto;min-width:74px;font-family:var(--font-mono);font-size:.82rem;letter-spacing:.03em;padding:8px 10px}.mode-toggle{display:inline-flex;gap:2px;padding:3px;background:var(--surface-sunken);border:1px solid var(--border);border-radius:10px}.mode-toggle button{padding:7px 15px;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted);background:none;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:color .14s ease,background-color .14s ease}.mode-toggle button:hover{color:var(--text)}.mode-toggle button[aria-pressed=true]{color:var(--text);background:var(--surface);border-color:var(--border);box-shadow:var(--shadow)}.mode-toggle button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(forced-colors:active){.mode-toggle button[aria-pressed=true]{border-color:Highlight}}.layout{display:grid;grid-template-columns:minmax(272px,332px) minmax(0,1fr);gap:28px;align-items:start}@media(max-width:940px){.layout{grid-template-columns:1fr}}.results{display:grid;gap:20px;min-width:0}.readings{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;margin:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.reading-cell{display:grid;gap:3px;align-content:start;padding:15px 17px 17px;background:var(--surface);box-shadow:-1px 0 0 var(--border),0 -1px 0 var(--border)}.reading-cell.is-primary{background:var(--accent-soft)}.reading-cell dt{font-family:var(--font-mono);font-size:.7rem;font-weight:600;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted)}.reading-cell.is-primary dt{color:var(--accent)}.reading-cell dd{display:grid;gap:2px;margin:0}.reading-cell dd strong{font-size:1.4rem;font-weight:640;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.reading-cell dd strong.negative{color:var(--negative)}.reading-note{font-family:var(--font-mono);font-size:.72rem;line-height:1.55;letter-spacing:.01em;color:var(--text-muted);font-variant-numeric:tabular-nums}.reading-cell.is-primary .reading-note{color:var(--text-muted-on-accent)}.chart-panel,.span-panel{--pad: 20px;padding:16px var(--pad) 10px;background:var(--ink);border:1px solid var(--ink-line);border-radius:var(--radius);box-shadow:var(--shadow-slab)}.span-panel{padding-bottom:22px}.chart-panel .eyebrow,.span-panel .eyebrow{color:var(--on-ink-muted)}.panel{position:sticky;top:20px;display:grid;gap:22px;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}@media(max-width:940px){.panel{position:static}}fieldset{margin:0;padding:0;border:0;display:grid;gap:18px}legend{padding:0;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.field{display:grid;gap:6px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}label{font-size:.85rem;font-weight:520}.field-value{font-family:var(--font-mono);font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:.01em;color:var(--accent)}.hint{margin:2px 0 0;font-size:.79rem;line-height:1.55;color:var(--text-muted)}input,select{width:100%;padding:9px 11px;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border-strong);border-radius:8px}input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.money-input{display:flex;align-items:stretch;border:1px solid var(--border-strong);border-radius:8px;overflow:hidden;transition:border-color .14s ease}.money-input:focus-within{border-color:var(--accent)}.money-input .prefix{display:grid;place-items:center;padding:0 11px;font-family:var(--font-mono);font-size:.75rem;font-weight:600;letter-spacing:.05em;color:var(--text-muted);background:var(--surface-sunken);border-right:1px solid var(--border)}.money-input input{border:0;border-radius:0;font-variant-numeric:tabular-nums}.money-input input:focus-visible{outline-offset:-2px}input[type=range]{--slider-track: 6px;--slider-thumb: 20px;-webkit-appearance:none;appearance:none;display:block;height:24px;padding:0;border:0;border-radius:999px;background:transparent;cursor:pointer;touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{box-sizing:border-box;height:var(--slider-track);border-radius:999px;background:linear-gradient(to right,var(--accent) 0 var(--slider-fill, 0%),transparent var(--slider-fill, 0%)) no-repeat,var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--border)}input[type=range]::-moz-range-track{box-sizing:border-box;height:var(--slider-track);border-radius:999px;background:var(--surface-sunken);box-shadow:inset 0 0 0 1px var(--border)}input[type=range]::-moz-range-progress{height:var(--slider-track);border-radius:999px;background:var(--accent)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:var(--slider-thumb);height:var(--slider-thumb);margin-top:calc((var(--slider-track) - var(--slider-thumb)) / 2);border:3px solid var(--surface);border-radius:50%;background:var(--accent);box-shadow:0 1px 2px #1d1c1a40,0 0 0 1px var(--accent);transition:box-shadow .12s ease,transform .12s ease}input[type=range]::-moz-range-thumb{box-sizing:border-box;width:var(--slider-thumb);height:var(--slider-thumb);border:3px solid var(--surface);border-radius:50%;background:var(--accent);box-shadow:0 1px 2px #1d1c1a40,0 0 0 1px var(--accent);transition:box-shadow .12s ease,transform .12s ease}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.06)}input[type=range]:hover::-moz-range-thumb{transform:scale(1.06)}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.12)}input[type=range]:active::-moz-range-thumb{transform:scale(1.12)}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--surface),0 0 0 5px var(--accent)}input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--surface),0 0 0 5px var(--accent)}@media(forced-colors:active){input[type=range]:focus-visible{outline:2px solid Highlight;outline-offset:2px}}@media(prefers-reduced-motion:reduce){input[type=range]::-webkit-slider-thumb{transition:none}input[type=range]::-moz-range-thumb{transition:none}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:active::-webkit-slider-thumb{transform:none}input[type=range]:hover::-moz-range-thumb,input[type=range]:active::-moz-range-thumb{transform:none}}.advanced{border-top:1px solid var(--border);padding-top:16px}.advanced-body{display:grid;gap:18px;margin-top:18px}summary{cursor:pointer;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}summary:hover{color:var(--text)}.chart{margin:10px calc(var(--pad) * -1) 0;padding:0}.chart svg{display:block;width:100%;height:auto;overflow:visible}.chart-empty{margin:12px calc(var(--pad) * -1) 0;padding:34px 20px 38px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;text-align:center;color:var(--on-ink-muted);border-top:1px solid var(--ink-line)}.grid{stroke:var(--ink-line);stroke-width:1}.axis{fill:var(--on-ink-muted);font-family:var(--font-mono);font-size:11.5px;letter-spacing:.05em;font-variant-numeric:tabular-nums}.band{stroke:var(--ink);stroke-width:1;stroke-linejoin:round}.band-principal{fill:var(--principal)}.band-contributions{fill:var(--contributions)}.band-interest{fill:var(--interest)}.band-loss{fill:var(--negative-on-ink);fill-opacity:.85}.total-line{fill:none;stroke:var(--on-ink);stroke-width:1.5;stroke-linejoin:round;opacity:.55}.band-label{fill:var(--on-band);font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.band-label-start{fill:var(--on-band-start)}.end-dot{fill:var(--mint);stroke:var(--ink);stroke-width:2.5}.end-dot-halo{fill:color-mix(in srgb,var(--mint) 22%,transparent)}.crossover-line{stroke:var(--on-ink);stroke-width:1;stroke-dasharray:2 3;opacity:.45}.crossover-dot{fill:var(--on-ink)}.crossover-label{fill:var(--on-ink);font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;paint-order:stroke;stroke:var(--ink);stroke-width:1.5;stroke-linejoin:round}.crossover-label tspan{fill:var(--on-ink-muted)}.probe-line{stroke:var(--on-ink);stroke-width:1;opacity:.35}.probe-dot{fill:var(--on-ink);stroke:var(--ink);stroke-width:2}.probe-box{fill:var(--ink-raised);stroke:var(--ink-line)}.probe-year{fill:var(--on-ink-muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.probe-value{fill:var(--on-ink);font-family:var(--font-mono);font-size:13.5px;font-weight:600;font-variant-numeric:tabular-nums}.probe-hit{fill:transparent}@media(max-width:720px){.band-label,.crossover-label,.end-label{display:none}}.split{margin:0;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.split-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;margin-bottom:14px;padding:0}.split-total{font-family:var(--font-mono);font-size:.82rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text)}.split-bar{display:flex;gap:3px;height:46px;margin-bottom:18px}.split-seg{flex:0 1 auto;display:flex;align-items:center;min-width:0;padding:0 10px;overflow:hidden;border-radius:5px;font-family:var(--font-mono);font-size:.74rem;font-weight:600;letter-spacing:.03em;white-space:nowrap;transition:flex-basis .32s cubic-bezier(.22,.9,.3,1)}.split-seg:first-child{border-radius:7px 5px 5px 7px}.split-seg:last-child{border-radius:5px 7px 7px 5px}.seg-principal{background:var(--principal-paper);color:var(--on-principal-paper)}.seg-contributions{background:var(--contributions-paper);color:var(--on-contributions-paper)}.seg-interest{background:var(--interest-paper);color:var(--on-interest-paper)}.split-empty{flex:1;border:1px dashed var(--border-strong);border-radius:7px}.split-rows{display:grid;gap:0;margin:0;padding:0;list-style:none}.split-rows li{display:grid;grid-template-columns:9px 1fr auto 52px;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--border)}.swatch{width:9px;height:9px;border-radius:2px}.swatch-principal{background:var(--principal-paper)}.swatch-contributions{background:var(--contributions-paper)}.swatch-interest{background:var(--interest-paper)}.split-label{font-size:.88rem}.split-value{font-family:var(--font-mono);font-size:.85rem;font-weight:600;font-variant-numeric:tabular-nums}.split-share{font-family:var(--font-mono);font-size:.85rem;text-align:right;font-variant-numeric:tabular-nums;color:var(--text-muted)}.schedule{padding:18px 22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.schedule[open]{padding-bottom:22px}.schedule[open] summary{margin-bottom:14px}.table-scroll{overflow-x:auto;max-height:420px;overflow-y:auto}table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.82rem}th,td{padding:7px 10px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--border)}thead th{position:sticky;top:0;z-index:1;background:var(--surface);font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}tbody th{text-align:left;font-weight:600;color:var(--text-muted)}td.emphasis{font-weight:620;color:var(--text)}td.muted{color:var(--text-muted)}td.negative{color:var(--negative)}.span{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin:0;padding:22px 0 4px}.span-post{display:grid;gap:2px}.span-post-label{margin:0;font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--on-ink-muted)}.span-price{font-family:var(--font-mono);font-size:1.1rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--on-ink)}.span-post-end{text-align:right}.span-track{position:relative;height:3px;border-radius:999px;background:var(--ink-line)}.span-fill{position:absolute;inset:0;border-radius:999px;background:linear-gradient(to right,color-mix(in srgb,var(--mint) 35%,transparent),var(--mint));transform:scaleX(var(--span-fill, 0));transform-origin:left center;transition:transform .38s cubic-bezier(.22,.9,.3,1)}.span-fill.is-negative{background:linear-gradient(to left,var(--negative-on-ink),color-mix(in srgb,var(--negative-on-ink) 35%,transparent));transform-origin:right center}.span-multiple{position:absolute;top:-26px;left:clamp(1.5rem,calc(var(--span-mark, 0) * 100%),calc(100% - 1.5rem));transform:translate(-50%);font-family:var(--font-mono);font-size:.76rem;font-weight:600;letter-spacing:.05em;color:var(--mint);white-space:nowrap}.span-multiple.is-negative{color:var(--negative-on-ink)}@media(max-width:620px){.span{grid-template-columns:1fr 1fr;gap:26px 16px}.span-track{grid-column:1 / -1;order:3}}.bridge{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding:18px 20px;background:var(--accent-soft);border-radius:var(--radius)}.bridge p{max-width:46ch;margin:0;font-size:.9rem;color:var(--text)}.bridge strong{font-family:var(--font-mono);font-weight:600;font-variant-numeric:tabular-nums}.bridge button{flex:none;padding:10px 17px;font-family:var(--font-mono);font-size:.74rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--surface);background:var(--accent);border:1px solid var(--accent);border-radius:8px;cursor:pointer;transition:filter .14s ease,transform .14s ease}.bridge button:hover{filter:brightness(1.1);transform:translateY(-1px)}.bridge button:active{transform:none}.bridge button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.disclaimer{margin:0;padding-left:14px;border-left:2px solid var(--border);font-size:.82rem;line-height:1.7;color:var(--text-muted)}.error{padding:18px 20px;color:var(--negative);background:var(--surface);border:1px solid var(--negative);border-radius:var(--radius)}.app-footer{margin-top:44px;padding-top:20px;border-top:1px solid var(--border);font-size:.82rem;color:var(--text-muted)}.app-footer p{margin:0}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes sweep{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.reading-cell{animation:rise .38s cubic-bezier(.22,.9,.3,1) both;animation-delay:calc(var(--i, 0) * 55ms)}.chart-panel,.span-panel{animation:rise .46s cubic-bezier(.22,.9,.3,1) .14s both}.chart .plot{animation:sweep .82s cubic-bezier(.33,.9,.35,1) .24s both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}}