:root{color-scheme:light;--neutral-0: #ffffff;--neutral-25: #fafaf6;--neutral-50: #f6f6f0;--neutral-100: #eeeeE6;--neutral-200: #dddfd4;--neutral-500: #757b6e;--neutral-600: #63695e;--neutral-900: #252c25;--green-100: #e7efdf;--green-300: #d3e7b3;--green-700: #476b35;--green-900: #243e30;--lime-200: #e2f5a1;--amber-100: #f9ead8;--amber-800: #854716;--red-800: #9b352d;--bg-page: var(--neutral-50);--bg-surface: var(--neutral-0);--bg-subtle: var(--neutral-25);--bg-muted: var(--neutral-100);--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--border-subtle: var(--neutral-200);--border-control: var(--neutral-500);--accent-solid: var(--green-900);--accent-text: var(--green-900);--accent-soft: var(--green-100);--accent-bright: var(--lime-200);--chart-stroke: var(--green-700);--chart-fill: var(--green-100);--chart-dot: var(--green-900);--focus-ring: var(--green-900);--warning-bg: var(--amber-100);--warning-text: var(--amber-800);--error-text: var(--red-800);--font-body: Arial, Helvetica, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-caption: .75rem;--text-small: .8125rem;--text-ui: .875rem;--text-body: 1rem;--text-title: 1.375rem;--radius-small: 8px;--radius-medium: 12px;--radius-large: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;font-family:var(--font-body);color:var(--text-primary);background:var(--bg-page);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:280px}button,input{font:inherit;color:inherit}button,a,summary,input[type=radio]{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer;touch-action:manipulation}button{border:0}a{color:inherit;text-underline-offset:4px;text-decoration-thickness:from-font}button,a,input,summary,[tabindex]{outline-offset:4px}:focus-visible{outline:2px solid var(--focus-ring)}::selection{background:var(--accent-bright);color:var(--text-primary)}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}svg{flex-shrink:0}main,.site-header{width:min(1080px,calc(100% - 80px));margin-inline:auto}.site-header{min-height:94px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--border-subtle)}.wordmark{display:flex;align-items:center;font-size:26px;font-weight:700;letter-spacing:-1.3px}.wordmark-light{font-weight:400}.wordmark-dot{color:var(--chart-stroke)}.brand-icon{display:grid;place-items:center;width:36px;height:36px;margin-inline-end:10px;background:var(--accent-solid);color:var(--accent-bright);border-radius:11px}.header-caption{font-size:var(--text-small);color:var(--text-secondary);border-inline-start:1px solid var(--border-subtle);padding-inline-start:24px}.header-link{margin-inline-start:auto;display:flex;align-items:center;gap:10px;min-height:44px;font-size:var(--text-ui);text-decoration:none}.header-link svg{transform:rotate(-45deg);width:16px}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;padding-block:48px 40px}.eyebrow,.small-label{font-family:var(--font-mono);font-size:var(--text-caption);line-height:1.5;font-weight:400}.eyebrow{text-transform:uppercase;letter-spacing:1px}.intro .eyebrow{display:flex;align-items:center;gap:9px;margin-block-end:19px}.intro .eyebrow>span{width:7px;height:7px;background:var(--chart-stroke);border-radius:50%}h1{font-size:clamp(2.75rem,5.1vw,4rem);line-height:1.03;font-weight:500;letter-spacing:-.055em}h1 em{font-style:normal;color:var(--chart-stroke)}.intro-aside{padding-block-end:4px;max-width:360px}.intro-aside>p:first-child{color:var(--text-secondary);line-height:1.65;font-size:var(--text-body)}.intro-hint{margin-block-start:20px;font-size:var(--text-small);display:flex;align-items:center;gap:22px}.intro-hint>span{font-size:26px}.simulator{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.4fr);border:1px solid var(--border-subtle);border-radius:var(--radius-large);background:var(--bg-surface);scroll-margin-top:16px;box-shadow:0 3px 3px #252c2503,0 12px 32px #252c2503}.controls-panel{container-type:inline-size;padding:25px 28px 28px;background:var(--bg-subtle);border-inline-end:1px solid var(--border-subtle);border-radius:20px 0 0 20px}.section-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;min-height:40px;margin-block-end:23px}.section-top .eyebrow{font-size:11px;letter-spacing:.7px;color:var(--text-secondary)}.reset-button{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:64px;gap:6px;padding:8px;margin-inline-end:-8px;background:transparent;font-size:var(--text-caption);border-radius:6px}.reset-button svg{width:14px}.amount-field label,.pool-picker legend{font-size:var(--text-ui);font-weight:600}.amount-input{display:flex;align-items:center;gap:8px;border:1px solid var(--border-control);padding:15px 16px;border-radius:var(--radius-medium);background:var(--bg-surface);margin-block-start:10px}.amount-input input{min-width:0;width:100%;padding:0;border:0;background:none;font-size:30px;font-variant-numeric:tabular-nums;letter-spacing:-1px;line-height:1.2}.currency{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:600}.field-hint{margin-block-start:10px;font-size:var(--text-caption);color:var(--text-secondary);line-height:1.5}.input-error{color:var(--error-text);font-size:var(--text-small);margin-block-start:10px;line-height:1.5}.invalid{border-color:var(--error-text)}.amount-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-block-start:12px}.amount-shortcuts button{min-height:40px;padding:8px 4px;border:1px solid var(--border-subtle);border-radius:var(--radius-small);font-family:var(--font-mono);font-size:var(--text-caption);background:var(--bg-surface)}.amount-shortcuts button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-solid);color:var(--accent-text)}.pool-picker{margin:28px 0 0;padding:0;border:0;min-width:0}.pool-picker legend{padding:0;margin-block-end:12px}.pool-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pool-option{display:flex;position:relative;min-width:0;flex-direction:column;align-items:flex-start;gap:9px;border:1px solid var(--border-control);background:var(--bg-surface);padding:13px 10px;border-radius:var(--radius-medium);cursor:pointer}.pool-option.selected{border-color:var(--accent-solid);background:var(--accent-soft)}.pool-option input{position:absolute;inset-inline-end:7px;inset-block-start:8px;width:14px;height:14px;margin:0;accent-color:var(--accent-solid);cursor:pointer}.pool-option:has(input:focus-visible){outline:2px solid var(--focus-ring);outline-offset:4px}.pool-glyph{height:23px;display:inline-flex;align-items:flex-end;gap:3px}.pool-glyph i{width:5px;height:9px;background:var(--border-subtle);border:1px solid var(--border-control);border-radius:1px}.pool-glyph i:nth-child(2){height:15px}.pool-glyph i:nth-child(3){height:21px}.pool-glyph .filled{background:var(--accent-solid);border-color:var(--accent-solid)}.pool-name{font-size:var(--text-small);font-weight:600}.pool-size{color:var(--text-secondary);font-size:11px;font-family:var(--font-mono);white-space:nowrap}.pool-inventory{margin-block-start:27px}.pool-inventory>div:first-child{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-size:var(--text-caption);color:var(--text-secondary)}.pool-inventory .small-label{font-size:10px}.pool-inventory>p{font-size:var(--text-small);margin-block-start:12px;line-height:1.6}.pool-inventory>p>span{color:var(--text-secondary);padding-inline:3px}.pool-inventory strong{font-weight:500;font-variant-numeric:tabular-nums}.reserve-bar{display:flex;gap:3px;height:7px;margin-block:13px 10px;border-radius:2px;overflow:hidden}.reserve-bar span:first-child{width:50%;background:var(--accent-solid)}.reserve-bar span:last-child{width:50%;background:var(--green-300)}.inventory-note{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:var(--text-secondary);font-size:11px;font-family:var(--font-mono)}.sandbox-note{display:flex;gap:10px;align-items:center;margin-block-start:30px;color:var(--text-secondary);font-size:var(--text-caption);line-height:1.7}.sandbox-symbol{font-size:24px}.sandbox-note strong{font-weight:400}.results-panel{padding:27px 32px 24px;display:flex;flex-direction:column;min-width:0}.example-badge{display:inline-flex;font-size:10px;font-family:var(--font-mono);border:1px solid var(--border-subtle);padding:5px 8px;border-radius:5px;color:var(--text-secondary)}.result-label{font-size:var(--text-ui);color:var(--text-secondary)}.main-result{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;padding-block:10px 23px;font-variant-numeric:tabular-nums}.main-result>span:first-child{font-size:clamp(2.25rem,4vw,3.15rem);font-weight:500;letter-spacing:-.06em;overflow-wrap:anywhere}.token-unit{font-family:var(--font-mono);font-size:var(--text-small);color:var(--text-secondary)}.result-metrics{display:grid;grid-template-columns:1fr .9fr 1.1fr;gap:10px;padding-block-end:24px;border-bottom:1px solid var(--border-subtle)}.result-metrics>div{display:flex;flex-direction:column;gap:10px}.result-metrics>div>span{color:var(--text-secondary);font-size:11px;line-height:1.5}.result-metrics strong{font-size:18px;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.result-metrics strong small{font-size:10px;font-family:var(--font-mono);color:var(--text-secondary)}.metric-symbol{margin-inline-start:3px}.chart{margin-block:22px 20px}.chart-heading{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;gap:8px;margin-block-end:7px}.chart h3{font-size:var(--text-small);font-weight:500}.chart-heading>span{font-size:10px;color:var(--text-secondary);display:flex;align-items:center;gap:5px}.chart-heading i{display:inline-block;width:13px;height:2px;background:var(--chart-stroke)}.chart-plot{position:relative}.chart-plot>svg{display:block;width:100%;height:auto;overflow:visible}.y-labels{position:absolute;inset-inline-start:0;top:15.4%;bottom:18.8%;display:flex;flex-direction:column;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}.y-labels span{line-height:0}.x-labels{position:absolute;bottom:4%;inset-inline:8.394% 5.839%;display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}.x-labels span{width:0;display:flex;justify-content:center}.grid-line{stroke:var(--border-subtle);stroke-width:1;stroke-dasharray:3 4}.chart-area{fill:var(--chart-fill)}.chart-line{fill:none;stroke:var(--chart-stroke);stroke-width:2.5;stroke-linejoin:round}.marker-line{stroke:var(--chart-dot);stroke-dasharray:3 4;stroke-width:1}.marker-halo{fill:var(--bg-surface);stroke:var(--chart-dot);stroke-width:1}.marker{fill:var(--chart-dot)}.chart-caption{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:var(--text-secondary);font-family:var(--font-mono)}.chart-caption>span:first-child{display:flex;align-items:center;gap:6px}.chart-caption i{display:inline-block;width:5px;height:5px;background:var(--chart-dot);border-radius:50%}.insight{display:flex;align-items:flex-start;gap:10px;background:var(--bg-muted);border-radius:var(--radius-small);padding:13px 14px;margin-block-start:auto;font-size:var(--text-caption);line-height:1.65}.insight-icon{font-size:19px;line-height:1.1}.insight p strong{font-weight:600}.strong-impact{background:var(--warning-bg);color:var(--warning-text)}.compare-button{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:46px;background:var(--accent-solid);color:var(--accent-bright);padding:12px 16px;border-radius:var(--radius-small);margin-block-start:16px;font-size:var(--text-small)}.expanded{transform:rotate(180deg)}.empty-result{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-block:48px;gap:16px}.empty-result>svg{width:32px;height:32px}.empty-result h3{font-size:26px;font-weight:500;letter-spacing:-.04em}.empty-result p{color:var(--text-secondary);font-size:var(--text-ui);line-height:1.6;max-width:36ch}.comparison{padding:28px;margin-block-start:16px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-large)}.comparison[hidden]{display:none}.comparison h2,.mechanics h2{font-size:var(--text-title);font-weight:500;letter-spacing:-.04em}.comparison-heading p{font-size:var(--text-ui);color:var(--text-secondary);margin-block-start:10px;line-height:1.5}.comparison-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-block-start:24px}.comparison-grid article{padding:16px;background:var(--bg-subtle);border:1px solid var(--border-subtle);border-radius:var(--radius-medium);min-width:0}.comparison-grid .current-pool{border-color:var(--accent-solid)}.comparison-grid article>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.comparison-grid h3{font-size:var(--text-ui);font-weight:500}.current-label{font-size:10px;margin-inline-start:auto;color:var(--accent-text)}.comparison-grid article>strong{display:block;margin-block-start:18px;font-size:24px;font-weight:500;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.comparison-grid article small{font-family:var(--font-mono);font-size:10px}.comparison-grid article p{color:var(--text-secondary);font-size:var(--text-small);margin-block-start:10px}.mechanics{padding-block:40px 32px;scroll-margin-top:20px}.mechanics-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.mechanics-heading .small-label{color:var(--text-secondary);font-size:10px}.learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-block-start:27px}.lesson-number{font-family:var(--font-mono);font-size:10px;display:inline-grid;place-items:center;background:var(--bg-muted);border:1px solid var(--border-subtle);width:28px;height:26px;border-radius:5px;margin-block-end:14px}.learning-grid h3{font-size:var(--text-ui);margin-block-end:9px;font-weight:600}.learning-grid p{font-size:var(--text-small);color:var(--text-secondary);line-height:1.7;max-width:40ch}.model-details{border-block:1px solid var(--border-subtle)}.model-details summary{list-style:none;display:flex;gap:12px;align-items:center;min-height:60px;padding-block:12px;font-size:var(--text-small)}.model-details summary::-webkit-details-marker{display:none}.model-details summary .small-label{margin-inline-start:auto;color:var(--text-secondary);font-size:10px}.model-details summary svg{width:16px;margin-inline-start:auto}.model-details summary .small-label+svg{margin-inline-start:0}.model-details[open] summary svg{transform:rotate(180deg)}.model-details>div{padding-block:0 24px}.model-details p{max-width:78ch;margin-block:14px;font-size:var(--text-ui);color:var(--text-secondary);line-height:1.7}.model-details code{font-size:var(--text-caption);color:var(--text-primary);overflow-wrap:anywhere}.site-footer{padding-block:28px 32px;display:flex;align-items:flex-start;gap:15px}.footer-mark{display:grid;place-items:center;height:28px;width:28px;border:1px solid var(--border-subtle);border-radius:8px;flex-shrink:0}.footer-mark svg{width:14px}.site-footer p{max-width:66ch;font-size:11px;line-height:1.7;color:var(--text-secondary)}.offline-label{display:flex;align-items:center;gap:6px;white-space:nowrap;margin-inline-start:auto;font-size:10px;line-height:1.7;color:var(--text-secondary)}.offline-label svg{width:13px;height:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:16px;z-index:10;padding:12px 16px;background:var(--accent-solid);color:var(--accent-bright);border-radius:var(--radius-small)}.skip-link:focus{top:10px}@media(hover:hover){.amount-shortcuts button:hover,.reset-button:hover{background:var(--bg-muted)}.pool-option:hover{background:var(--accent-soft)}.compare-button:hover{color:var(--bg-surface)}.header-link:hover{text-decoration:underline}.model-details summary:hover{color:var(--accent-text);background:var(--bg-muted)}}@media(prefers-reduced-motion:no-preference){button{transition:background-color .12s ease-out,color .12s ease-out,transform .12s cubic-bezier(.2,0,0,1)}button:active{transform:scale(.96)}}@media(max-width:62rem){main,.site-header{width:calc(100% - 48px)}.controls-panel{padding-inline:20px}.results-panel{padding-inline:24px}.intro-aside{max-width:300px}.site-footer{flex-wrap:wrap}.offline-label{margin-inline-start:43px}.learning-grid{gap:24px}}@media(max-width:48rem){.site-header{min-height:76px}.header-caption{display:none}.intro{align-items:flex-start;flex-direction:column;gap:20px;padding-block:32px}h1{font-size:clamp(2.8rem,7.5vw,4rem)}.intro-aside{max-width:none;width:100%}.intro-aside>p:first-child{font-size:var(--text-ui)}.intro-hint{margin-block-start:10px}.simulator{grid-template-columns:1fr}.controls-panel{border-inline-end:0;border-block-end:1px solid var(--border-subtle);border-radius:20px 20px 0 0;padding:20px 24px 24px}.pool-option{padding:14px}.pool-size{font-size:var(--text-caption)}.pool-inventory{margin-block-start:24px}.sandbox-note{margin-block-start:20px}.sandbox-note br{display:none}.sandbox-note strong:before{content:" "}.results-panel{padding:22px 24px 24px}.main-result>span:first-child{font-size:44px}.result-metrics strong{font-size:20px}.result-metrics>div>span{font-size:11px}.chart{margin-block:24px}.learning-grid{grid-template-columns:1fr;gap:24px}.learning-grid article{display:grid;grid-template-columns:30px 1fr;column-gap:14px}.lesson-number{grid-row:span 2}.learning-grid p{max-width:64ch}.comparison-grid{grid-template-columns:1fr}.comparison-grid article>strong{margin-block-start:12px}.amount-shortcuts button{min-height:44px}.site-footer p{flex:1}.offline-label{flex-basis:100%}}@media(max-width:25rem){main,.site-header{width:calc(100% - 32px)}.header-link{font-size:var(--text-caption);gap:6px}.wordmark{font-size:23px}.brand-icon{width:32px;height:32px;margin-inline-end:8px}.intro .eyebrow{font-size:10px}.controls-panel,.results-panel{padding-inline:18px}.section-top .eyebrow{font-size:10px}.example-badge{font-size:9px;padding-inline:6px}.pool-options{gap:7px}.pool-option{padding:12px 8px}.pool-size{font-size:10px}.main-result>span:first-child{font-size:38px}.result-metrics{gap:8px;grid-template-columns:1fr .8fr 1.2fr}.result-metrics strong{font-size:17px}.result-metrics>div>span{font-size:10px}.chart-caption{font-size:9px}.comparison{padding:20px}.mechanics-heading{align-items:flex-start;flex-direction:column}.model-details summary .small-label{display:none}.model-details summary .small-label+svg{margin-inline-start:auto}}@media(forced-colors:active){:focus-visible,.pool-option:has(input:focus-visible){outline-color:Highlight}.pool-option.selected,.amount-shortcuts button[aria-pressed=true]{border:2px solid Highlight}.compare-button{border:1px solid ButtonText}.chart-line,.marker-line,.marker-halo{stroke:CanvasText}.marker{fill:CanvasText}.chart-area{fill:Canvas}}@container (max-width: 15rem){.pool-options{grid-template-columns:1fr}.pool-option{flex-direction:row;align-items:center;gap:12px}.pool-size{margin-inline-start:auto;padding-inline-end:18px}}