.cell-page{--site-accent:#a8e4ce;--cell-coral:#f5929b;--cell-aqua:#71dfdc;background:#090f14;color:#dfe8e3}.cell-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding-top:40px;padding-bottom:43px;align-items:end}.cell-intro h1{font:clamp(48px,5.5vw,82px)/1.03 var(--world-serif);letter-spacing:-2.1px;margin:17px 0 0}.cell-intro h1 em{font-weight:400;color:#a8dfce}.cell-intro-copy{padding-bottom:6px;max-width:480px}.cell-intro-copy p{color:#adbfca;font-size:16px;line-height:1.8;margin:8px 0 18px}.cell-intro-copy p:first-child{font:25px/1.45 var(--world-serif);color:#d6e4df}.cell-workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;max-width:1800px;margin:auto;border-block:1px solid #2c4249}.cell-main{min-width:0;background:#0d1920}.cell-controls{padding:32px 27px;border-left:1px solid #2d444a;background:#0d171c}.cell-controls h2{font:38px/1.1 var(--world-serif);margin:15px 0 17px}.cell-control-intro,.cell-small{font-size:13px;color:#aebfca;line-height:1.8}.cell-control-intro{margin:0 0 22px}.cell-modebar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 27px;border-bottom:1px solid #30434c}.cell-modebar>p{font-size:11px;color:#9db6be;line-height:1.8;text-align:right;flex-shrink:0}.cell-modebar>p strong{font-weight:400;color:#c7dbd6}.cell-mode-buttons{display:flex;gap:9px}.cell-mode-buttons button{font:16px var(--world-serif);padding:11px 20px;background:#14252e;color:#d5e2df;border:1px solid #3f5a60;min-height:50px}.cell-mode-buttons button>span{display:block;font:10px var(--world-sans);color:#aec3ca;letter-spacing:.8px;margin-top:6px}.cell-mode-buttons button[aria-pressed=true]{background:#243a3b;border-color:#96d4c4;color:#d9f3df}.cell-viewport{background:#07181e;position:relative;overflow:hidden}.cell-stage-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:21px 27px 0;position:relative;z-index:1}.cell-stage-heading>div{display:flex;align-items:center;gap:13px}.cell-stage-heading h2{font:22px/1.2 var(--world-serif);margin:0;color:#d7e9df}.cell-stage-heading span{font-size:10px;color:#9bbdbf;letter-spacing:1.1px}.cell-stage-heading>span{border:1px solid #476767;padding:7px 9px;flex-shrink:0;color:#afdbcb}#cell-canvas{display:block;width:100%;height:590px;touch-action:pan-y} .cell-scene-key{display:flex;gap:16px 25px;justify-content:center;flex-wrap:wrap;padding:12px 20px 18px;color:#9cb9bf;font-size:11px}.cell-scene-key span:not(:last-child):before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.origin-one:before{background:#f5929b}.origin-two:before{background:#71dfdc}.cell-transport{display:flex;align-items:center;gap:9px;flex-wrap:wrap;border-top:1px solid #34515a;padding:21px 26px 13px}.cell-page select{max-width:100%;padding:10px 11px;border:1px solid #4b626b;background:#14262e;color:#d3e2e1;font-size:13px}.cell-transport label{display:flex;align-items:center;gap:8px;color:#b7c9cf;font-size:12px;margin-left:3px}.cell-transport>span{font-size:11px;color:#9fbac0;font-variant-numeric:tabular-nums}.cell-page .lab-button{font-size:12px;min-height:42px}.cell-page .lab-button.primary{background:#b5dec9;border-color:#b5dec9;color:#102526}.cell-timeline{padding:12px 27px 24px}.cell-timeline>label{display:flex;justify-content:space-between;color:#bccfd2;font-size:12px}.cell-timeline input{display:block;width:100%;accent-color:#a8ddca;height:24px;margin:13px 0 9px}.cell-stage-buttons{display:flex;gap:4px;flex-wrap:wrap}.cell-stage-buttons button{min-width:30px;min-height:33px;flex:1;background:#162932;border:1px solid #3d5860;color:#adc8cc;font-size:10px;cursor:pointer}.cell-stage-buttons button[aria-current=step]{background:#3b5553;border-color:#a0d2c2;color:#f2eee0}.cell-stage-buttons button:hover{border-color:#a0d2c2}.cell-narrative{padding:22px 27px 21px;border-block:1px solid #2c454e;background:#14242a}.cell-narrative .kicker{font-size:10px;color:#9ccec6}.cell-narrative>p:nth-child(2){font:22px/1.55 var(--world-serif);color:#d7e6e0;margin:13px 0}.cell-narrative .cell-small{font-size:11px;margin-bottom:0;color:#99b4bf}.cell-account,.cell-anatomy,.cell-genome,.cell-outcomes{padding:30px 27px;border-bottom:1px solid #2b444d}.cell-section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:21px}.cell-section-heading h2{font:32px/1.2 var(--world-serif);margin:10px 0 0;color:#d9e6df}.cell-section-heading .kicker{font-size:10px}.cell-section-heading>p{font-size:11px;color:#9fbac1;text-align:right}.cell-section-heading>label{display:grid;gap:7px;color:#adc5ca;font-size:11px;min-width:145px}.cell-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.cell-metrics[data-cells="1"]{grid-template-columns:1fr}.cell-metric-card{background:#132730;border:1px solid #2b4954;padding:17px 20px}.cell-metric-card h3{font:13px var(--world-sans);font-weight:500;color:#b8d6d5;margin:0 0 14px}.cell-metric-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.cell-metric-values>div>span{display:block;color:#9bb4c2;font-size:10px;line-height:1.5}.cell-metric-values strong{display:block;font:31px var(--world-serif);font-variant-numeric:tabular-nums;margin-top:6px;color:#a5ded1}.cell-metric-values>div:nth-child(2) strong{color:#f0c7a8}.cell-metric-values>div:nth-child(3) strong{color:#b9bfec}.cell-metric-values strong small{font:11px var(--world-sans)}.cell-organelle-buttons{display:flex;flex-wrap:wrap;gap:7px}.cell-organelle-buttons button{font-size:11px;line-height:1.5;min-height:39px;padding:9px 12px;border:1px solid #3b5760;color:#bdd1d5;background:#11272e}.cell-organelle-buttons button[aria-pressed=true]{border-color:#a6d8c4;background:#26413e;color:#e1f0e4}.cell-organelle-note{display:flex;gap:20px;background:#11232b;padding:23px 22px;margin-top:16px;min-height:140px}.cell-organelle-note>span{font:39px var(--world-serif);color:#608e8e}.cell-organelle-note h3{font:23px var(--world-serif);color:#d5e5db;margin:0 0 8px}.cell-organelle-note p{font-size:14px;line-height:1.8;color:#afc5d0;margin:0}#genome-canvas{display:block;width:100%;height:270px;background:#0a1923;border:1px solid #31505c}.cell-outcome-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.cell-outcome-card{padding:19px 19px 16px;border:1px solid #43665d;background:#152d2d}.cell-outcome-card.unbalanced{border-color:#946c5c;background:#34292a}.cell-outcome-card h3{font:24px var(--world-serif);margin:0 0 7px}.cell-outcome-card>p{font-size:12px;line-height:1.7;color:#c5d4d3;margin:8px 0}.cell-outcome-card .outcome-numbers{font-size:15px;color:#e2e8d9}.cell-outcome-card .outcome-state{font-size:10px;letter-spacing:.7px;text-transform:uppercase;color:#a9d8c8}.cell-outcome-card.unbalanced .outcome-state{color:#f0b6a0}.cell-dosage{display:flex;align-items:center;gap:4px;margin:12px 0;flex-wrap:wrap}.cell-dosage>span{width:22px;min-height:31px;display:grid;place-items:center;font-size:9px;line-height:1.4;background:#2b4c4e;color:#d4e5df;border:1px solid #61837b}.cell-dosage>span.missing{background:#452e35;border-color:#b4827f;color:#f4c3b8}.cell-dosage>span.extra{background:#50452a;border-color:#c5a46d;color:#ffe3a3}.cell-dosage>span>small{font-size:8px}.cell-outcomes>p{font-size:14px;color:#abc2cc;line-height:1.8}.cell-comparison-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}#saved-result{border-top:1px solid #53666e;margin-top:23px;padding-top:18px;color:#c3d3d7}#saved-result h3{font:24px var(--world-serif)}#saved-result p{font-size:13px;line-height:1.8}.cell-view-switch{display:flex;gap:6px;margin:20px 0}.cell-view-switch button{flex:1;font-size:12px;min-height:43px;background:#14272d;border:1px solid #405e63;color:#bad0d2}.cell-view-switch button[aria-pressed=true]{border-color:#a6d7c4;background:#2e4542;color:#e0ecdc}.cell-range{display:block;font-size:13px;color:#c4d5d7;margin:20px 0}.cell-range output{float:right;color:#c4dcad}.cell-range input{width:100%;display:block;margin:14px 0 10px;height:20px;accent-color:#b4dcc9}.cell-range small{display:block;font-size:11px;color:#96b3bf;line-height:1.7}.cell-check{display:flex;align-items:center;gap:8px;font-size:13px;color:#bfd1d4;margin:17px 0;min-height:25px}.cell-check input{accent-color:#b4dcc9}.cell-controls>.text-link{font-size:12px;margin-top:12px}.cell-setup{border-block:1px solid #3a535b;margin:29px 0 22px;padding:26px 0 4px}.cell-setup h3{font:27px var(--world-serif);margin:13px 0;color:#e0e8df}.cell-setup .kicker{font-size:10px;color:#e1c5a5}.cell-select{display:flex;flex-direction:column;gap:10px;font-size:13px;color:#c5d6d9;margin:22px 0}.cell-select select{width:100%;font-size:12px}.cell-setup>.lab-button{width:100%;margin:10px 0 3px}.cell-page input:disabled,.cell-page select:disabled{opacity:.4;cursor:not-allowed}.cell-page button:disabled{opacity:.4;cursor:default}.cell-page [hidden]{display:none!important}.cell-guides{grid-template-columns:repeat(2,minmax(0,1fr))}.cell-lessons{display:grid;grid-template-columns:1fr 1fr;gap:40px 55px;margin:65px 0}.cell-lessons article{border-top:1px solid #3c5059;padding-top:25px}.cell-lessons article>span{font-size:11px;color:#a3cfbe;letter-spacing:1px}.cell-lessons h3{font:34px/1.15 var(--world-serif);margin:20px 0}.cell-lessons p{font-size:16px;line-height:1.85;color:#b8cad2}.cell-count-table{margin-bottom:45px}.cell-count-table h3{font:33px var(--world-serif)}.cell-page .equation{font-size:17px;line-height:2;overflow-x:auto}.cell-page .model-content{overflow-wrap:anywhere}.cell-page .lab-status{font-size:12px;line-height:1.8;padding:20px 27px;color:#b5cbd1}.cell-page :is(button,input,select,canvas):focus-visible{outline:2px solid #f0d6a6;outline-offset:4px}.cell-page button{cursor:pointer}
@media(min-width:1600px){.cell-workspace{grid-template-columns:minmax(0,1fr) 360px}#cell-canvas{height:690px}.cell-controls{padding:35px}}
@media(max-width:1100px){.cell-workspace{grid-template-columns:minmax(0,1fr) 290px}.cell-controls{padding-inline:22px}#cell-canvas{height:490px}.cell-modebar{display:block}.cell-modebar>p{text-align:left;margin-bottom:0}.cell-modebar>p>br{display:none}.cell-modebar>p>strong{margin-left:10px}.cell-intro{gap:30px}.cell-metric-card{padding:15px}.cell-metric-values{gap:6px}.cell-section-heading{align-items:start;flex-wrap:wrap}.cell-section-heading>p{text-align:left}.cell-outcome-grid{grid-template-columns:1fr}}
@media(max-width:850px){.cell-workspace{grid-template-columns:1fr}.cell-controls{border-left:0;border-top:1px solid #3d5960;padding:32px 27px}.cell-intro{grid-template-columns:1fr;gap:22px}.cell-intro-copy{max-width:650px}.cell-intro-copy p:first-child{font-size:23px}.cell-intro h1{font-size:67px}.cell-modebar{display:flex}.cell-modebar>p{text-align:right}.cell-modebar>p>br{display:block}.cell-modebar>p>strong{margin:0}.cell-outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#cell-canvas{height:560px}.cell-controls>.cell-view-switch{max-width:400px}.cell-controls>.cell-range{max-width:600px}}
@media(max-width:540px){.cell-intro{padding-top:28px;padding-bottom:28px;gap:17px}.cell-intro h1{font-size:53px;letter-spacing:-1.5px}.cell-intro .kicker{font-size:9px;letter-spacing:1.2px}.cell-intro-copy p{font-size:14px;margin:10px 0}.cell-intro-copy p:first-child{font-size:21px}.cell-intro-copy>.text-link{margin-top:10px}.cell-modebar{display:block;padding:17px 20px}.cell-mode-buttons button{font-size:15px;padding:10px 17px;flex:1}.cell-modebar>p{text-align:left;font-size:10px;margin:13px 0 0}.cell-modebar>p>br{display:none}.cell-modebar>p>strong{margin-left:8px}.cell-stage-heading{padding:17px 18px 0;align-items:start}.cell-stage-heading>div{display:block}.cell-stage-heading h2{font-size:20px;line-height:1.3;margin-top:7px}.cell-stage-heading>span{font-size:8px;margin-top:3px}#cell-canvas{height:420px}.cell-scene-key{gap:10px 15px;font-size:10px;padding:10px 13px 16px}.cell-scene-key>span:last-child{flex-basis:100%;text-align:center}.cell-transport{padding:18px 18px 7px;gap:8px}.cell-page .lab-button{padding-inline:13px;font-size:11px;min-height:43px}.cell-transport>span{flex-basis:100%;padding-top:5px}.cell-timeline{padding:15px 18px 20px}.cell-stage-buttons button{min-width:27px;font-size:9px;min-height:35px}.cell-narrative{padding:22px 20px}.cell-narrative>p:nth-child(2){font-size:21px}.cell-account,.cell-anatomy,.cell-genome,.cell-outcomes{padding:26px 20px}.cell-section-heading h2{font-size:29px}.cell-metrics{grid-template-columns:1fr}.cell-metric-values strong{font-size:30px}.cell-outcome-grid{grid-template-columns:1fr}.cell-organelle-note{gap:15px;padding:20px 16px}.cell-organelle-note p{font-size:13px}.cell-organelle-note h3{font-size:22px}.cell-organelle-buttons button{font-size:10px}#genome-canvas{height:290px}.cell-guides,.cell-lessons{grid-template-columns:1fr}.cell-lessons{margin:45px 0;gap:33px}.cell-lessons h3{font-size:31px}.cell-page .equation{font-size:14px}.cell-controls{padding:30px 22px}}
@media(prefers-reduced-motion:reduce){.cell-page *{scroll-behavior:auto!important}}