:root{--bg:#fafaf7;--surface:#ffffff;--ink:#1a1a1a;--ink-2:#4a4a4a;--ink-3:#6b6b6b;--rule:#e4e2dc;--accent:#2450e0;--accent-soft:#9fb3f3;--accent-wash:#eef2fd;--ok:#1f7a4d;--ok-wash:#e9f5ee;--bad:#b3261e;--bad-wash:#fbecea;--pea:#e9cf5b;--pea-edge:#9c8424;--rec:#b0541c;--ui:"Be Vietnam Pro",system-ui,sans-serif;--read:"Noto Serif",Georgia,serif;--radius:14px;color-scheme:light}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--ui);font-size:18px;line-height:1.6;-webkit-font-smoothing:antialiased}body.no-scroll{overflow:hidden}a{color:var(--accent)}button{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.home{max-width:720px;margin:0 auto;padding:72px 16px 96px}.home__brand{font-weight:700;letter-spacing:.01em;color:var(--accent);margin:0 0 20px}.home h1{font-size:clamp(22px,4.5vw,30px);font-weight:600;line-height:1.3;letter-spacing:-.01em;margin:0 0 16px}.home__tagline{font-weight:400;color:var(--ink-3)}.home__lede{color:var(--ink-3);margin:0 0 40px}.lesson-card{display:grid;gap:6px;padding:24px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);text-decoration:none;color:var(--ink);transition:border-color .2s,transform .2s}.lesson-card+.lesson-card{margin-top:14px}.lesson-card:hover{border-color:var(--accent);transform:translateY(-2px)}.lesson-card__meta{font-size:14px;color:var(--ink-3)}.lesson-card__title{font-size:21px;font-weight:700}.lesson-card__q{font-family:var(--read);color:var(--ink-2)}.lesson-card__cta{margin-top:10px;color:var(--accent);font-weight:600}.lesson{max-width:760px;margin:0 auto;padding:20px 16px 80px}.crumbs{font-size:14px}.crumbs,.crumbs a{color:var(--ink-3)}.crumbs a{text-decoration:none}.lesson__head h1{font-size:clamp(32px,8vw,48px);line-height:1.1;letter-spacing:-.02em;margin:18px 0 10px}.tagline{font-family:var(--read);font-size:20px;color:var(--ink-2);margin:0 0 28px}.eyebrow{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 8px}.opener,.story,.summary{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:20px 16px;margin-bottom:28px}.reveals{list-style:none;padding:0;margin:12px 0 0;font-family:var(--read)}.reveals li{animation:rise .45s ease both;padding:2px 0}.suggest{margin:12px 0 0;color:var(--ink-3);font-size:16px}@keyframes rise{0%{opacity:0;transform:translateY(6px)}}.story>:last-child{margin-bottom:0}.story-hook .story-stage{position:relative;aspect-ratio:16/9;margin:0 -16px;overflow:hidden;background:#eef2f6}@media (min-width:640px){.story-hook .story-stage{margin:0;border-radius:12px}}.story-stage svg{display:block;width:100%;height:100%}.story-play{position:absolute;inset:0;margin:auto;width:max-content;height:52px;padding:0 24px;border:0;border-radius:999px;background:var(--accent);color:#fff;font-weight:700;font-size:18px;cursor:pointer;box-shadow:0 6px 24px rgba(36,80,224,.35)}.story-hook .story-stage{container-type:inline-size}@media (max-width:520px){.story-hook .story-stage--bench{aspect-ratio:4/3}}.story-stage--bench{background:#f3eee6}@media (max-width:520px){.story-hook .story-stage--pin3d{aspect-ratio:4/3}}.story-stage--pin3d{background:#f3eee6}@media (max-width:520px){.story-hook .story-stage--mendel3d{aspect-ratio:4/3}}.story-stage--mendel3d{background:#cfdce4}.story-stage--town3d{background:#eef2f6}@media (max-width:520px){.story-hook .story-stage--street3d{aspect-ratio:4/3}}.story-sound{display:inline-flex;align-items:center;gap:6px}.story-sound__icon{flex:none}.story-subtitle{position:absolute;left:0;right:0;bottom:0;padding:7% 4% 2.6%;background:linear-gradient(0deg,rgba(10,12,16,.66),rgba(10,12,16,.38) 60%,transparent);text-align:center;pointer-events:none;opacity:1;transition:opacity .3s}.story-subtitle:empty{opacity:0}.story-subtitle p{margin:0 auto;max-width:92%;color:#fff;font-family:var(--ui);font-weight:600;font-size:clamp(15px,4.1cqw,34px);line-height:1.32;text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 8px rgba(0,0,0,.55);animation:rise .25s ease both}.story-subtitle__speaker{color:#ffd76a;font-weight:800}.story-controls{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px}.story-transcript{font-family:var(--read);font-size:16px;color:var(--ink-2);padding-left:20px;margin:8px 0 0}.story-hook .story-stage--landscape{aspect-ratio:4/3;background:#ffffff}@media (min-width:640px){.story-hook .story-stage--landscape{aspect-ratio:16/9}}.landscape-box{position:absolute;inset:0}.landscape{display:block}.landscape-3d{position:relative;overflow:hidden}.landscape-3d .landscape__overlay{position:absolute;inset:0}.landscape-loading{display:flex;align-items:center;justify-content:center;background:linear-gradient(#cfe2f3,#eef5fb 70%,#dfe9cf);font-size:13px;color:var(--ink-2)}.story-play{max-width:calc(100% - 32px)}.sim-figure .story-hook .story-stage{margin:0}.sim-figure .story-hook .story-controls,.sim-figure .story-hook .story-stages,.sim-figure .story-hook .story-transcript{padding-left:16px;padding-right:16px}.landscape-answer{font-family:var(--read);font-style:italic;font-weight:700;font-size:16px;fill:var(--accent)}.landscape-hint{font-size:12px;fill:var(--ink-2)}.story-stages{padding:10px 0 0}.story-after{margin-top:14px;animation:rise .35s ease both}.sections{list-style:none;padding:0;margin:0 0 28px;border-top:1px solid var(--rule)}.section-row{border-bottom:1px solid var(--rule)}.section-row__head{display:flex;align-items:center;gap:14px;width:100%;min-height:64px;padding:14px 4px;background:none;border:0;text-align:left;cursor:pointer}.section-row__num{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--accent);min-width:26px}.section-row__text{display:grid;flex:1 1;gap:2px}.section-row__title{font-weight:600;line-height:1.35}.section-row__teaser{font-size:15px;color:var(--ink-3);line-height:1.4}.section-row__kind{font-size:12px;font-weight:600;color:var(--ink-3);border:1px solid var(--rule);border-radius:999px;padding:2px 8px;white-space:nowrap}@media (max-width:479px){.section-row__kind{display:none}}.viewed{color:var(--ok);font-size:14px;margin-left:8px}.chevron,.expand-icon{width:10px;height:10px;flex:none;border-right:2px solid var(--ink-3);border-bottom:2px solid var(--ink-3);transform:rotate(-45deg);transition:transform .2s;margin-right:6px}.is-open>.section-row__head .chevron,.myth.is-open .chevron{transform:rotate(45deg)}.expand-icon{border:2px solid var(--ink-3);border-radius:3px;transform:none;width:14px;height:14px}.section-row__body{padding:4px 0 24px;animation:rise .3s ease both}@media (min-width:640px){.section-row__body{padding-left:40px}}.deep-divider{display:grid;gap:2px;padding:28px 4px 10px;border-bottom:1px solid var(--rule)}.deep-divider span{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.deep-divider small{font-size:14px;color:var(--ink-3)}.opener__actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:4px}.sim-svg--pick{cursor:crosshair;touch-action:manipulation}.pick-zone{fill:var(--accent-wash);opacity:.6;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{opacity:.25}}.details{margin:0 0 14px;border:1px solid var(--rule);border-radius:12px;padding:0 14px;background:var(--surface)}.details summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600;color:var(--accent)}.details[open]{padding-bottom:12px}.question__solution{margin:12px 0 0}.limit-steps__rows{list-style:none;margin:0;padding:0 16px;display:grid;gap:6px;min-height:24px}.limit-steps__rows li{display:flex;align-items:center;gap:12px;animation:rise .35s ease both}.limit-steps__limit{color:var(--accent);font-weight:600;padding-top:6px;border-top:1px solid var(--rule)}.limit-steps__result{padding:4px 16px 0;animation:rise .4s ease both}.limit-steps__result p{font-family:var(--read);margin:4px 0 0}.prose{margin:0 0 14px}.note,.prose{font-family:var(--read)}.note{font-size:16px;background:var(--accent-wash);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;padding:12px 14px;margin:14px 0}.math{font-size:1.05em}.math--display{display:block;font-size:1.6em;text-align:center;margin:8px 0;overflow-x:auto;overflow-y:hidden;padding:4px 0}@media (max-width:479px){.math--display{font-size:1.3em}}.formula{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:12px 16px;margin:0 0 16px}.formula--bare{border:0;background:none;padding:0;margin:0 0 12px}.formula--bare .math--display{margin:0}.formula__legend{margin:8px 0 0;display:grid;grid-template-columns:max-content 1fr;gap:6px 14px;align-items:baseline}.formula__legend div{display:contents}.formula__legend dt{font-weight:600;white-space:nowrap}.formula__legend dd{margin:0;color:var(--ink-2)}.unit{color:var(--ink-3)}.sim-figure{margin:12px -16px 20px;background:var(--surface);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:14px 0 16px}@media (min-width:640px){.sim-figure{margin:12px 0 20px;border:1px solid var(--rule);border-radius:var(--radius)}}.sim-goal{font-family:var(--read);padding:0 16px 8px}.sim{width:100%}.sim-svg{display:block;overflow:visible}.sim-graph{margin-top:8px}.sim-clock{padding:0 16px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:16px}.sim-clock__k{font-style:italic}.sim-tick{font-size:13px;fill:var(--ink-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sim-trail{font-size:12px;fill:var(--accent);font-weight:600}.sim-label{font-size:14px;font-weight:700}.sim-axis{font-size:13px;font-style:italic;fill:var(--ink-2)}.sim-caption{margin:10px 16px 0;font-size:16px;color:var(--ink-2)}.sim-caption--formula{font-size:18px;color:var(--ink)}.term-link{display:inline;padding:0;border:0;background:none;font:inherit;color:var(--accent);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;cursor:pointer}.nowrap{white-space:nowrap}.sim-caption--pair{display:flex;flex-wrap:wrap;gap:4px 28px}.cp__laps{list-style:none;margin:8px 16px 0;padding:0;display:flex;flex-wrap:wrap;gap:2px 24px;font-family:var(--ui);font-size:15px;color:var(--ink-2)}.speed-flag{font-family:var(--ui);font-size:14px;font-weight:700;padding:2px 10px;border-radius:999px;background:var(--ok-wash);color:var(--ok);align-self:center}.data-table td.is-over,.speed-flag--over{background:var(--bad-wash);color:var(--bad)}.plot--drag{cursor:ew-resize;touch-action:pan-y}.plot-title{margin:4px 16px 0;font-size:17px}.plot-title__hint{font-size:14px;color:var(--ink-3)}.sim-verdict{margin:8px 16px 0;padding:8px 12px;border-radius:10px;font-family:var(--read);font-size:16px;background:var(--accent-wash)}.sim-verdict--flat{background:var(--ok-wash);color:var(--ok)}.sim-controls{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px 0}.graph-thumb .thumb-axis{font-size:11px;font-style:italic;fill:var(--ink-3)}.thumb-row{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 24px;padding:0 16px}.thumb-row--stack{flex-direction:column;align-items:center}.thumb-row--stack .graph-thumb{width:200px;height:150px}.thumb-row__item{display:flex;flex-direction:column;align-items:center;gap:4px}.thumb-row__label{font-size:14px;color:var(--ink-2);text-align:center}.btn{min-height:44px;min-width:44px;padding:0 16px;border-radius:999px;border:1px solid var(--rule);background:var(--surface);font-weight:600;cursor:pointer}.btn:disabled{opacity:.45;cursor:default}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn--link{color:var(--accent);min-height:44px}.btn--icon,.btn--link{border:0;background:none;padding:0}.btn--icon{font-size:18px}.slider{flex:1 1;min-width:140px;display:grid;gap:4px}.slider--full{padding:12px 16px 0}.slider__label{font-size:15px;color:var(--ink-2)}input[type=range]{width:100%;height:44px;accent-color:var(--accent)}.switch{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:15px;cursor:pointer}.switch input{width:20px;height:20px;accent-color:var(--accent)}.data-table{margin:14px 16px 0;border-collapse:collapse;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:180px}.data-table td,.data-table th{padding:6px 18px;text-align:right;border-bottom:1px solid var(--rule)}@media (max-width:420px){.data-table td,.data-table th{padding:6px 8px}}.data-table th{font-size:14px;color:var(--ink-3);font-weight:600}.data-table tr.is-active td{background:var(--accent-wash);color:var(--accent);font-weight:700}.seg{min-height:44px;min-width:44px;padding:0 12px;border-radius:10px;border:1.5px solid var(--rule);background:var(--surface);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.seg.is-on{border-color:var(--accent);background:var(--accent-wash)}.alleles{display:inline-flex;font-family:var(--read);font-weight:700;font-size:1.05em;letter-spacing:.02em}.allele--dom{color:var(--accent)}.allele--rec{color:var(--rec)}.pea{display:inline-block;vertical-align:middle;flex:none}.cross-title{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 16px;font-weight:600}.cross-title>span{display:inline-flex;align-items:center;gap:6px}.cross-note{font-size:14px;font-weight:500;color:var(--ink-3)}.cross-parents{display:grid;gap:8px;padding:0 16px 12px}.cross-parent-pick{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cross-parent-pick__label{min-width:44px;font-weight:600}.cross-stage{margin:14px 16px 0;padding-top:12px;border-top:1px solid var(--rule);min-width:0}.cross-stage__title{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--accent)}.cross-ask{margin:0 0 10px;font-family:var(--read);font-size:17px}.cross-gametes+.cross-gametes,.cross-task+.cross-task{margin-top:12px}.cross-chips,.cross-picker{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.cross-picker{margin-top:10px}.cross-picker__label{font-size:15px;color:var(--ink-2)}.cross-gametes{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.cross-gametes__who{flex-basis:100%;font-weight:600}.cross-gametes__who,.gamete{display:inline-flex;align-items:center;gap:6px}.gamete{padding:2px 10px;border-radius:999px;border:1.5px dashed var(--ink-3);background:var(--surface)}.gamete__p{font-size:14px;color:var(--ink-3);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.punnett{display:grid;grid-template-columns:minmax(64px,auto) repeat(2,minmax(0,96px));gap:6px;max-width:100%}.punnett__corner{display:grid;font-size:12px;color:var(--ink-3);line-height:1.3;align-content:center}.punnett__head{display:grid;place-items:center;min-height:40px}.punnett__cell{min-height:64px;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:10px;border:1.5px solid var(--rule);background:var(--bg);font:inherit;cursor:pointer}.punnett__cell:disabled{cursor:default;opacity:1}.punnett__cell.is-sel{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}.punnett__cell.is-filled{background:var(--surface)}.punnett__q{font-size:20px;font-weight:700;color:var(--ink-3)}.punnett__sub{font-size:13px}.cross-look{display:inline-flex;align-items:center;gap:4px;font-size:15px}.cross-result{margin:10px 0 0;font-size:17px}.cross-tally{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:flex-end}.cross-tally__group{display:grid;gap:4px;justify-items:center}.cross-tally__seeds{display:flex;gap:8px}.cross-tally__seed{display:grid;justify-items:center;font-size:14px}.cross-tally__name{font-weight:700}.cross-tally .cross-result{flex-basis:100%}.run-list{list-style:none;margin:12px 16px 0;padding:0;display:grid;gap:8px}.run{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"n counts pct" "seeds seeds seeds" "bar bar bar";gap:2px 10px;align-items:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:15px}.run__n{grid-area:n;color:var(--ink-3)}.run__counts{grid-area:counts;font-weight:600}.run__pct{grid-area:pct;font-weight:700}.run__seeds{grid-area:seeds;display:flex;gap:4px}.run__bar{grid-area:bar;position:relative;height:10px;border-radius:5px;background:var(--rule)}.run__fill{position:absolute;inset:0 auto 0 0;border-radius:5px;background:var(--rec)}.run-legend__line,.run__expected{position:absolute;top:-4px;bottom:-4px;width:2px;background:var(--ink)}.run-compare{font-size:15px}.run-legend{font-size:14px}.run-legend__line{position:relative;display:inline-block;height:14px;vertical-align:middle;margin-right:6px;top:0}.pop-legend{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;font-size:14px}.pop-legend__bead{display:inline-block;width:12px;height:12px;border-radius:50%;margin-left:6px}.pop-legend__bead:first-child{margin-left:0}.pop-legend__extra{margin-left:10px;color:var(--ink-3)}.allele-count__svg,.pool-area__svg,.pop-chart,.pop-strip{display:block;width:calc(100% - 32px);max-width:460px;height:auto;margin:10px 16px 0}.allele-count__groups,.pool-draw__pool,.pop-run__head{margin:0 16px;font-size:15px;color:var(--ink-2)}.allele-count__groups{display:flex;flex-wrap:wrap;gap:2px 14px;font-size:16px;color:var(--ink)}.allele-count__total{color:var(--ink-3)}.pop-run__gen{margin:4px 16px 0;font-size:16px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pop-bars{margin:10px 16px 0;display:grid;gap:6px;max-width:460px}.pop-bar{display:grid;grid-template-columns:34px minmax(0,1fr) 58px;gap:10px;align-items:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pop-bar__track{position:relative;height:14px;border-radius:7px;background:var(--rule)}.pop-bar__fill{position:absolute;inset:0 auto 0 0;border-radius:7px;background:var(--accent);transition:width .35s ease}.pop-bar__ghost,.pop-bars__ghost-key{position:absolute;top:-4px;bottom:-4px;width:0;border-left:2px dashed var(--ink)}.pop-bars__ghost-key{position:relative;display:inline-block;height:14px;top:2px;margin-right:6px}.pop-bars__note{margin:0;font-size:14px}.pop-bar__value{text-align:right;font-weight:700}.pop-run__table{margin:8px 16px 0}.pop-run__table .data-table{margin:8px 0 0;font-size:13px;min-width:0}.pop-run__table .data-table td,.pop-run__table .data-table th{padding:4px 5px}@media (max-width:360px){.pop-run__table{margin:8px 8px 0}.pop-run__table .data-table{font-size:12px}}.pool-run{grid-template-areas:"n counts";grid-template-columns:auto minmax(0,1fr)}.pool-area__g{font-family:var(--read);font-weight:700;font-size:20px;fill:var(--ink)}.pool-area__v{font-size:14px;font-weight:600;fill:var(--ink-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pool-area__side{font-family:var(--read);font-weight:700;font-size:18px;fill:var(--ink)}@media (prefers-reduced-motion:reduce){.pop-bar__fill{transition:none}}.sim-badge{display:inline-block;margin:0 16px 8px;padding:2px 10px;border-radius:999px;border:1px solid var(--rule);background:var(--bg);font-size:13px;font-weight:600;color:var(--ink-2)}.pbox-one,.pbox-pair{display:flex;justify-content:center;gap:16px;padding:4px 16px 0}.pbox-cell{display:grid;justify-items:center;gap:4px;min-width:0}.pbox-cell__title{margin:0;font-size:15px;font-weight:700}.pbox-cell__counts{margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:2px 12px;font-size:15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pdot{display:inline-block;width:12px;height:12px;border-radius:50%;vertical-align:-1px}.pdot--ring{border:2.5px solid var(--ink-2);background:var(--surface)}.pdot--sq{border-radius:3px;border:1px solid var(--ink-2)}.plegend{display:flex;flex-wrap:wrap;gap:2px 16px;font-size:14px}.plegend>span{white-space:nowrap}.preadout{padding-top:4px}.pcounts{display:flex;flex-wrap:wrap;gap:4px 18px;margin:10px 16px 0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pstack{display:flex;margin:8px 16px 0;height:12px;border-radius:6px;background:var(--rule);overflow:hidden}.pstack>span{transition:width .2s linear}.pgas{display:flex;align-items:center;gap:10px;margin:8px 16px 0;font-size:15px}.pgas__swatch{display:inline-block;width:120px;height:22px;border-radius:6px;outline:1px solid var(--rule);transition:opacity .3s linear}.pplot{display:flex;justify-content:center;margin-top:8px}.pline{display:inline-block;width:22px;height:3px;vertical-align:4px;border-radius:2px}.pline--dash{background:repeating-linear-gradient(90deg,var(--ink-2) 0 6px,transparent 6px 10px)}.pline--dash.pline--accent{background:repeating-linear-gradient(90deg,var(--accent) 0 6px,transparent 6px 10px)}.pcount-list{margin:10px 16px 0;display:grid;gap:2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pcount-list>div{display:flex;justify-content:space-between;gap:12px;padding:4px 0;border-bottom:1px solid var(--rule)}.pcount-list dt{color:var(--ink-2);font-size:16px}.pcount-list dd{margin:0;font-weight:700}.pcount-list .is-key dd,.pcount-list .is-key dt{color:var(--ok);font-weight:700}.pbars{list-style:none;margin:10px 16px 0;padding:0;display:grid;gap:6px}.pbars__row{display:grid;grid-template-columns:6.2em minmax(0,1fr) auto;align-items:center;gap:10px;font-size:15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pbars__label{color:var(--ink-2);white-space:nowrap}.pbars__track{position:relative;height:12px;border-radius:6px;background:var(--bg);border:1px solid var(--rule)}.pbars__start{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--ink-2);z-index:1}.pbars__track--tall{height:18px}.pbars__fill{position:absolute;inset:0 auto 0 0;border-radius:6px;background:var(--ink-3);transition:width .3s ease}.pbars__fill--on{background:var(--accent)}.pbars--results .pbars__row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label label" "track value";gap:0 10px}.pbars--results .pbars__label{grid-area:label}.pbars--results .pbars__track{grid-area:track}.pbars--results .pbars__value{grid-area:value}.pbars__value{font-weight:700;min-width:2.5em;text-align:right}.pchain{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px}.pchain__head{margin:0 16px;font-size:16px}.pchain__tag{font-weight:700;color:var(--ink-2)}.pchain__tag.is-strong{color:var(--accent)}.pchain .pbars{margin-top:4px}.ebars{margin-top:12px}.ebars__title{margin:0 16px;font-size:16px;font-weight:600}.ebars__note{color:var(--accent);margin-left:6px;white-space:nowrap}.ebars .pbars__row{margin:6px 16px 0}.ethreshold-row{display:flex;align-items:center;gap:4px;padding:8px 16px 0}.ethreshold-row .sim-svg{flex:none}.ethreshold-cap{margin:0}.etable-cap{caption-side:top;text-align:left;margin:0 0 6px}.scubes-sim .sim-svg{margin:8px auto 0}.question{margin:0 0 22px}.question__prompt{font-family:var(--read);margin:0 0 12px}.options{display:grid;gap:8px}.options--grid{grid-template-columns:repeat(2,minmax(0,1fr))}.option{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 14px;background:var(--surface);border:1.5px solid var(--rule);border-radius:12px;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.options--grid .option{flex-direction:column;align-items:flex-start}.options--grid .sim-figure{margin:0;border:0;padding:0;background:none}.option:hover:not(:disabled){border-color:var(--accent)}.option:disabled{cursor:default}.option.is-picked{border-color:var(--accent);background:var(--accent-wash)}.feedback--neutral{background:var(--accent-wash);color:var(--ink)}.option.is-correct{border-color:var(--ok);background:var(--ok-wash)}.option.is-wrong{border-color:var(--bad);background:var(--bad-wash)}.option__letter{font-weight:700;color:var(--accent);min-width:16px}.feedback{font-family:var(--read);font-size:16px;border-radius:10px;padding:10px 14px;margin:10px 0 0;animation:rise .3s ease both}.feedback p{margin:0 0 4px}.sim .feedback{margin:12px 16px 0}.feedback--ok{background:var(--ok-wash);color:var(--ok)}.feedback--hint{background:#f5f3ee;color:var(--ink-2)}.feedback__retry{color:var(--ink-3)}.numeric{gap:10px}.numeric,.numeric__field{display:flex;align-items:center}.numeric__field{gap:8px;background:var(--surface);border:1.5px solid var(--rule);border-radius:12px;padding:0 14px;min-height:48px}.numeric__field:focus-within{border-color:var(--accent)}.numeric input{width:90px;border:0;outline:none;font:inherit;font-size:20px;font-weight:600;background:none}.numeric__unit{color:var(--ink-3)}.question--recall{border-left:3px solid var(--accent);padding-left:14px}.recall-label{font-size:13px;letter-spacing:.02em;color:var(--ink-3);margin:0 0 4px}.recall-label strong{color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.option.is-pending{border-color:var(--accent);background:var(--accent-wash)}.confidence>span{flex-basis:100%}.confidence{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:10px;font-size:15px;color:var(--ink-2);animation:rise .25s ease both}.steps__list{list-style:none;padding:0;margin:0 0 14px;display:grid;gap:10px}.step{min-width:0;border-left:2px solid var(--rule);padding-left:14px;animation:rise .3s ease both}.step.is-open{border-left-color:var(--accent)}.step__label{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0 0 4px}.myth{border:1px solid var(--rule);border-radius:12px;background:var(--surface);margin:0 0 10px}.myth__claim{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;padding:12px 14px;background:none;border:0;text-align:left;font-family:var(--read);cursor:pointer}.myth__claim>span:nth-child(2){flex:1 1}.myth__mark{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--accent-wash);color:var(--accent);font-family:var(--ui);font-weight:700}.myth__body{padding:0 14px 12px}.myth__body .sim-figure{margin-left:-14px;margin-right:-14px;border-radius:0;border-left:0;border-right:0}.myth__eyebrow{display:block;font-family:var(--ui);font-size:13px;font-weight:600;color:var(--ink-3);margin-bottom:2px}.myth__verdict{font-weight:700;color:var(--accent);margin:0 0 6px}.popup-backdrop{position:fixed;inset:0;background:rgba(20,20,20,.45);display:flex;align-items:flex-end;justify-content:center;z-index:10;animation:fade .2s ease both}.popup{width:100%;max-height:88vh;overflow:auto;border-radius:20px 20px 0 0;padding:8px 16px 28px;animation:sheet .28s ease both;outline:none}.popup,.popup__head{background:var(--bg)}.popup__head{z-index:2;display:flex;align-items:center;gap:12px;position:sticky;top:-8px;padding:12px 0 8px}.popup__head h2{flex:1 1;margin:0;font-size:22px}@media (min-width:640px){.popup-backdrop{align-items:center}.popup{max-width:640px;border-radius:20px;padding:8px 28px 28px}}@keyframes fade{0%{opacity:0}}@keyframes sheet{0%{transform:translateY(40px);opacity:0}}.summary h2{margin:0 0 10px;font-size:22px}.summary ol{list-style:none;margin:0;padding:0;display:grid;gap:10px}.summary li{display:flex;gap:14px;font-family:var(--read)}.summary__group{margin-top:16px;padding-top:14px;border-top:1px solid var(--rule)}.summary__group h3{margin:0 0 8px;font-family:var(--ui);font-size:15px;font-weight:700;color:var(--accent)}.summary__group ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.summary__group li>span{min-width:0;overflow-wrap:anywhere}.summary__num{font-family:var(--ui);font-weight:700;color:var(--accent);min-width:24px}.ending-gate{border:1px dashed var(--accent-soft);border-radius:var(--radius);background:var(--accent-wash);padding:20px 16px;margin-bottom:28px;display:grid;gap:10px;justify-items:start}.ending-gate p{margin:0}.ending-gate__teaser{font-size:17px;line-height:1.5}.ending-gate__hint{font-size:15px;color:var(--ink-3)}.ending-gate__open{margin-top:4px;max-width:100%;white-space:normal;line-height:1.3;padding-block:10px;text-align:left}.ending__body:focus{outline:none}.ending.is-open .ending__body>:first-child{animation:rise .35s ease both}.connect{background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);padding:20px 16px;margin-bottom:28px}.connect>h2.eyebrow{line-height:inherit}.app-film{margin:0 0 18px}.app-film>figcaption{margin:0 0 10px}.app-film__loading{background:linear-gradient(#a9c8e6,#e9eef0 55%,#b9c79a 56%)}@media (max-width:520px){.story-hook .story-stage--tunnel{aspect-ratio:4/3}}.kmap{margin:0 0 14px}.kmap__canvas{width:100%}.kmap__svg{display:block;overflow:visible;font-family:var(--ui)}.kmap__node rect{fill:var(--bg);stroke:var(--rule);stroke-width:1.5}.kmap__label{fill:var(--ink);font-weight:600}.kmap__tag{fill:var(--ink-3)}.kmap__node--new rect{fill:var(--accent-wash);stroke:var(--accent);stroke-width:2}.kmap__node--new .kmap__label{font-weight:700}.kmap__node--new .kmap__tag{fill:var(--accent);font-weight:600}.kmap__node--link .kmap__tag{fill:var(--accent);text-decoration:underline}a:hover .kmap__node--link rect{stroke:var(--accent)}.kmap__edge{stroke:var(--ink-3);stroke-width:1.5}.kmap__head{fill:var(--ink-3)}.kmap__rel rect{fill:var(--surface);stroke:var(--rule)}.kmap__rel text{fill:var(--ink-2);font-weight:500}.kmap__links{font-size:15px;color:var(--ink-3);margin:10px 0 0}.kmap__links a{font-weight:600;text-decoration:none}.kmap__links-tag{font-weight:400}.kmap__reveal{margin-top:12px}.lesson-nav{display:flex;justify-content:space-between;gap:16px;font-weight:600;margin-bottom:32px}.lesson-nav a{text-decoration:none}.coming-soon{color:var(--ink-3)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important}}.details .formula{border:0;padding:0;background:none}.fig3d{margin-top:6px;touch-action:pan-y}.fig3d__mark{fill:none;stroke:var(--ink-2);stroke-width:1.25}.fig3d__point{font-family:var(--read);font-style:italic;font-size:17px;fill:var(--ink)}.fig3d__angle,.fig3d__seg-label{font-family:var(--read);font-style:italic;font-size:16px;font-weight:700}.fig3d__plane-label{font-size:13px;font-weight:600}.fig3d-measures{margin:10px 16px 0;padding-left:20px;font-size:16px;color:var(--ink-2)}.fig3d-legend{font-size:14px}.legend-swatch{display:inline-block;width:18px;height:3px;vertical-align:middle;border-radius:2px;background:var(--ink)}.legend-swatch--accent{background:var(--accent)}.legend-swatch--ok{background:var(--ok)}.legend-swatch--soft{background:var(--ink-3);height:1.5px}.data-table.etable{width:calc(100% - 32px)}.fig3d--live{overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab}.fig3d--live:active{cursor:grabbing}.fig3d--live:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.fig3d__halo{paint-order:stroke;stroke:var(--surface);stroke-width:4px;stroke-linejoin:round}.fig3d__handle{fill:var(--accent);fill-opacity:.12;stroke:var(--accent);stroke-opacity:.4;stroke-width:1.5;pointer-events:none}.fig3d__grab{fill:transparent;touch-action:none}.fig3d-hint{font-size:14px;color:var(--ink-3)}.fig3d-step{min-height:3em}body.stage-body{background:#fbfaf6}.stage{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:130px 0 24px}.stage__frame{width:100%;zoom:.86}.stage__film{display:block}.stage__film--3d{position:relative;width:100%}.stage__frame--full{zoom:1}.stage .sim-figure{margin:0;border:0;border-radius:0;background:transparent}.stage .story-hook{margin:0}.plot-title--axis,.strip-legend{font-family:var(--ui);font-size:14px;color:var(--ink-2)}.strip-legend{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:8px 16px 0}.strip-legend__key{display:inline-block;width:18px;height:12px;border:2px solid var(--accent);border-radius:2px}.strip-legend__key--fill{background:var(--accent-wash)}.strip-legend__key--outline{margin-left:10px;border-style:dashed}.cell-svg{width:calc(100% - 16px);max-width:560px;height:auto;margin:0 auto}.cell-label{font-size:22px;font-weight:600;fill:var(--ink-2)}.cell-metal{font-size:15px;font-weight:800}.cell-reading{font-size:26px;font-weight:800;fill:#1a1a1a;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cell-sign{pointer-events:none}.cell-pole,.cell-sign{font-weight:800;fill:#fff}.cell-pole{font-size:22px}.cell-charge{font-size:34px;font-weight:800}.cell-charge--plus{fill:#b3261e}.cell-charge--minus{fill:#1c2229}.cell-time{height:6px;margin:6px 16px 0;border-radius:999px;background:var(--rule);overflow:hidden}.cell-time__fill{display:block;height:100%;background:var(--accent)}.cell-pickers{display:grid;gap:0}.cell-picker .slider__label{min-width:72px}.cell-log{margin:10px 16px 0;width:calc(100% - 32px);max-width:360px}.cell-legend{font-size:14px}.btn.cell-bridge-out{border-color:var(--bad);color:var(--bad);background:var(--bad-wash)}.ladder{position:relative;margin:4px 16px 0;max-width:calc(100% - 32px)}.ladder__svg{position:absolute;inset:0;overflow:visible}.ladder__row{position:absolute;left:0;right:0;height:0}.ladder__value{position:absolute;left:0;transform:translateY(-50%);font-size:15px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink-2);text-align:right;padding-right:8px;background:var(--surface)}.ladder__value.is-zero{color:var(--accent)}.ladder__btn{position:absolute;top:0;transform:translateY(-50%);min-height:40px;padding:0 6px;border-radius:10px;border:1.5px solid var(--rule);background:var(--surface);font-weight:700;font-size:16px;cursor:pointer;white-space:nowrap}.ladder__btn:disabled{cursor:default;color:var(--ink)}.ladder__btn.is-on{border-color:var(--accent);background:var(--accent-wash)}.ladder__gap{position:absolute;transform:translateY(-50%);font-weight:800;font-size:16px;color:var(--accent);white-space:nowrap;background:var(--surface);padding:0 4px}.ladder__heads{display:flex;justify-content:space-between;font-size:14px}.crossing__head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding-bottom:6px}.crossing__head .sim-clock{padding-right:0}.crossing__lapse{font-size:13px;font-weight:600;color:var(--ink-3)}.crossing__badge{margin:0 16px 0 auto}.crossing__dimlabel,.crossing__end,.crossing__row{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.feedback--bad{background:var(--bad-wash);color:var(--bad)}.sim-placeholder{aspect-ratio:16/10;border-radius:12px;background:#eef2f7}.film-placeholder__frame{aspect-ratio:16/9;border-radius:12px;background:#0b1d3f;margin-bottom:12px}.matter-box{display:flex;justify-content:center;padding:4px 16px 0}.matter-box__canvas{display:block;max-width:100%;border-radius:6px}.matter-box__canvas--probe{touch-action:none;cursor:grab}.matter-gauge{display:flex;align-items:center;gap:10px;margin:10px 16px 0;font-size:14px;font-weight:600;color:var(--ink-2)}.matter-gauge__track{flex:1 1;height:10px;border-radius:999px;background:var(--rule);overflow:hidden}.matter-gauge__fill{display:block;height:100%;background:#e8590c;border-radius:999px}.ledger{list-style:none;margin:12px 16px 0;padding:0;display:grid;gap:8px}.ledger__row{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;font-size:14px;color:var(--ink-2);border-radius:8px;padding:4px 6px}.ledger__row.is-lit{background:var(--accent-wash);color:var(--ink)}.ledger__track{position:relative;height:14px;border-radius:999px;background:var(--rule);overflow:hidden}.ledger__axis{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--ink-2)}.ledger__fill{position:absolute;top:2px;bottom:2px;background:#e8590c;border-radius:999px}.ledger__fill--neg{background:#1d5fa8}.ledger__value{font-weight:700;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.phase-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:12px;padding:4px 16px 0}.phase-mol{display:grid;justify-items:center;gap:6px;width:170px}.phase-mol canvas{border-radius:6px}.phase-mol__bars{margin:0;width:100%}.heat-meters__item{display:block}.heat-meters__item strong{white-space:nowrap}.phase-mol__bars .pbars__row{grid-template-columns:minmax(0,1fr);gap:2px}.curve-lab__key{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:15px}.curve-lab__swatch{display:inline-block;width:22px;height:6px;border-radius:3px;margin-left:6px}.vtable__svg{margin:0 16px;max-width:calc(100% - 32px)}.vtable__head{font-family:var(--read);font-style:italic;font-size:16px;fill:var(--ink)}.vtable__num{font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;fill:var(--ink)}.vtable__sign{font-size:20px;font-weight:700}.vtable__sign--up{fill:var(--accent)}.vtable__sign--down{fill:var(--rec)}.number-grid__tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px;padding:0 16px}.number-grid__tile{min-height:44px;border-radius:10px;border:1.5px solid var(--rule);background:var(--surface);font:600 16px var(--ui);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;cursor:pointer}.number-grid__tile--true{background:var(--ok-wash);border-color:var(--ok);color:var(--ok)}.number-grid__tile--false{background:var(--bad-wash);border-color:var(--bad);color:var(--bad)}.number-grid__tile--na{background:#f0efea;color:var(--ink-3)}.number-grid__tile.is-last{outline:3px solid var(--accent);outline-offset:1px}.number-grid__na{background:#f0efea;color:var(--ink-3)}.number-grid__count{font-size:14px;color:var(--ink-3)}.box-fold__row{display:flex;flex-direction:column;align-items:center;gap:4px}.box-fold__row--wide{flex-direction:row;justify-content:center;gap:16px}.plane-region__svg{cursor:crosshair}.plane-region__svg--drag{touch-action:none}.plane-region__line-label,.plane-region__vlabel{paint-order:stroke;stroke:var(--bg);stroke-width:4px}.eqc-eq{margin:4px 16px 0}.eqc-scroll{overflow-x:auto;margin:8px 0 0}.eqc-table{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin:10px 8px 0;min-width:0}.eqc-table td,.eqc-table th{padding:6px 7px}.eqc-table td:first-child{white-space:nowrap}.eqc-ratio td{font-weight:700;color:var(--accent)}.eqc-unit{font-weight:400;color:var(--ink-2);font-size:13px}.eqc-try{margin:10px 16px 0;display:grid;gap:6px;justify-items:start}.eqc-try__values{margin:0;display:flex;flex-wrap:wrap;gap:4px 16px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.atomb-stepper{align-items:center}.atomb-z{font-size:17px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.atomb-view{margin-top:6px}.atomb-counts,.atomb-view{display:flex;justify-content:center}.atomb-counts{flex-wrap:wrap;gap:2px 16px}.atomb-config{margin:8px 16px 0;font-size:20px;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.atomb-config__sub{margin:0 4px;white-space:nowrap}.atomb-config__sub.is-new{color:var(--rec);font-weight:700}.atomb-pair{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;padding:4px 16px 0}.atomb-cloud{margin:0;display:grid;justify-items:center}.chain__svg,.ecell__svg,.micelle__svg,.molview__svg,.rxn__svg,.tubes__svg{margin:4px auto 0;user-select:none;-webkit-user-select:none}.molview__bar{justify-content:center}.molview__views{display:inline-flex;gap:6px}.molview__name{text-align:center}.molview__formula{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.molview__hint{color:var(--ink-3)}.molview__legend{justify-content:center}.micelle__readout{padding:6px 16px 0}.micelle__key svg{display:inline-block;vertical-align:-1px}.rxn{overflow-x:auto}.rxn__eq{text-align:center;font-family:var(--read);padding:0 16px}.tubes__result{margin:6px 16px 0;font-family:var(--read);min-height:1.6em}.rxn__row{flex-wrap:wrap;justify-content:center;gap:4px 10px;padding:6px 12px 0}.rxn__cell,.rxn__row{display:flex;align-items:center}.rxn__cell{gap:10px}.rxn__coef,.rxn__plus,.rxn__sign{font-family:var(--read);font-size:22px;font-weight:700}.rxn__species{margin:0;text-align:center}.rxn__mol{display:flex;align-items:center;gap:4px}.rxn__species figcaption{font-size:13px;color:var(--ink-2)}.rxn__arrow{display:flex;flex-direction:column;align-items:center;padding:4px 0}.rxn__over{font-size:13px;color:var(--ink-2)}.rxn__sign{font-size:28px;line-height:1}.rxn__go{justify-content:center}.rxn__count{margin:10px auto 0;border-collapse:collapse;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:15px}.rxn__count caption{font-weight:600;padding-bottom:4px}.rxn__count td,.rxn__count th{border-bottom:1px solid var(--rule);padding:4px 14px;text-align:center}.tubes__stage{display:flex}.tubes__go,.tubes__stage{justify-content:center}.tubes__result{text-align:center}.tubes__table td,.tubes__table th{padding:4px 8px;font-size:14px}.chain__go{justify-content:center}.chain__dash,.chain__line{display:inline-block;width:20px;height:0;border-top:2px dashed #2450e0;vertical-align:4px}.chain__line{border-top:3px solid #5c4a1e}.chain__line--x{border-top-color:#d9480f}