:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;color:#173a40;background:#f5f8f3;--ink:#173a40;--muted:#617a75;--teal:#14745f;--border:#dbe7de;--dark:#091f32;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at 20% 0,#eaf6ed 0,transparent 38%),linear-gradient(165deg,#f4f8f3,#f8f8f4 55%,#f1f7f3)}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.12;letter-spacing:-.043em}p{line-height:1.6}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button,select,a,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:3px solid #cf983b;outline-offset:3px}button:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}
.skip-link{position:absolute;left:10px;top:-100px;z-index:90;background:white;padding:12px}.skip-link:focus{top:10px}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;border-bottom:1px solid var(--border);padding:10px max(25px,calc((100vw - 1430px)/2))}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.brand img{display:block}.brand strong{display:block;font-size:19px;font-weight:870;letter-spacing:-.045em}.brand small{display:block;color:#688781;font-size:9px;font-weight:850;letter-spacing:.12em;margin-top:4px}.header-right{display:flex;gap:17px;align-items:center}.header-right>a{font-size:13px;text-decoration:none;color:#1c755f;font-weight:810}.header-right>a:hover{text-decoration:underline}.header-right label{display:flex;gap:9px;align-items:center;font-size:12px;color:#668076}.header-right select{border:1px solid #cedfd3;background:#fff;color:#204d45;padding:9px;border-radius:10px;min-height:42px}
.shell{max-width:1460px;margin:auto;padding:0 24px}.hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:23px;overflow:hidden;min-height:255px;border-radius:0 0 23px 23px;background:linear-gradient(118deg,#07293a,#0e3550 67%,#18375c);color:#f1fff6;padding:35px 45px 34px;margin-bottom:16px}.hero:before{content:'';position:absolute;top:-180px;right:-70px;width:570px;height:490px;border-radius:50%;background:radial-gradient(circle,#56d8be24,transparent 67%)}.hero-copy{max-width:820px;position:relative;z-index:1}.eyebrow{color:#a4ebd8;letter-spacing:.14em;font-size:10px;font-weight:860;margin-bottom:13px}.pulsing,.green-dot{display:inline-block;width:8px;height:8px;background:#83eec9;border-radius:50%;box-shadow:0 0 0 4px #83eec922;margin-right:8px}.hero h1{font-size:clamp(33px,4.6vw,60px);font-weight:880;letter-spacing:-.06em;line-height:1.07;margin:0 0 16px}.hero h1 em{font-style:normal;color:#b5f2de}.hero .lead{color:#c6dfdd;font-size:14px;max-width:725px;margin-bottom:18px}.hero-tags{display:flex;gap:7px;flex-wrap:wrap}.hero-tags span{color:#d1f3e4;border:1px solid #c8efdd43;background:#ffffff0b;border-radius:999px;padding:7px 10px;font-size:9px;letter-spacing:.04em;font-weight:840}.hero-art{position:relative;flex:0 0 280px;width:280px;max-width:31%;filter:drop-shadow(0 4px 15px #75e6bb36)}.hero-art svg{width:100%;height:auto;display:block}
.station-tabs{display:flex;gap:6px;padding:6px;background:#e9f1e9;border:1px solid #d7e4da;border-radius:15px;overflow:auto;scrollbar-width:thin;margin-bottom:16px;scroll-snap-type:x proximity}.station-tabs button{min-width:154px;flex:1;display:flex;align-items:center;gap:8px;text-align:left;white-space:nowrap;border:1px solid transparent;border-radius:11px;background:transparent;padding:11px 12px;min-height:59px;color:#4d7168;scroll-snap-align:start}.station-tabs button[aria-pressed=true]{background:#fff;color:#125f50;border-color:#cfe5d9;box-shadow:0 5px 15px #275b451c}.station-tabs button:hover{background:#ffffffb9}.station-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;background:#d8efe2;border-radius:11px;color:#1a7962;font-size:17px;font-weight:860}.station-tabs button[aria-pressed=true] .station-icon{background:#166f5b;color:white}.station-tabs b{display:block;font-size:12px;font-weight:840}.station-tabs small{display:block;font-size:9px;letter-spacing:.06em;opacity:.76;font-weight:750;margin-top:5px}
.lab-grid{display:grid;grid-template-columns:minmax(0,1.43fr) minmax(330px,.9fr);align-items:start;gap:18px}.scene-card,.control-card,.lab-notebook,.concepts{background:#fff;border:1px solid var(--border);border-radius:23px;box-shadow:0 12px 32px #183a3010;min-width:0}.scene-card{overflow:hidden}.scene-heading{padding:22px 20px 15px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.kicker{font-size:10px;font-weight:880;letter-spacing:.12em;line-height:1.5;color:#288372;margin-bottom:8px}.scene-heading h2{font-size:clamp(24px,2.6vw,33px);margin-bottom:8px}.scene-heading p:last-child{font-size:12px;color:#647f77}.scene-badges{display:flex;align-items:flex-end;gap:8px;flex-direction:column}.science-badge{white-space:nowrap;background:#edf8ef;border:1px solid #d1e8dc;border-radius:99px;padding:9px 11px;font-size:9px;color:#216953;font-weight:850;letter-spacing:.05em}.science-badge .green-dot{width:6px;height:6px;margin-right:5px}.listen-button{font-size:11px;min-height:39px;background:#e5f6ea;border:1px solid #b9e0c8;border-radius:10px;color:#1b705a;font-weight:830;padding:9px 13px}.listen-button:hover{background:#d5efdf}
.scene-frame{position:relative;min-height:395px;margin:0 14px;overflow:hidden;border-radius:17px;background:#091d31}.scene-frame canvas{display:block;width:100%;height:395px;touch-action:none;cursor:grab}.scene-frame canvas:active{cursor:grabbing}.scene-foot{position:absolute;bottom:14px;left:14px;max-width:calc(100% - 152px);pointer-events:none}.scene-foot span{display:inline-block;color:#d4eae6;font-size:11px;border:1px solid #5c82867b;background:#0a2a3acc;border-radius:99px;padding:7px 10px}.scene-zoom{position:absolute;bottom:12px;right:11px;display:flex;gap:4px}.scene-zoom button{min-height:37px;min-width:36px;border-radius:9px;border:1px solid #568797;color:#e6f6ee;background:#123d4cdd;font-size:20px}.scene-zoom button:hover{background:#1e5a69}
.titration-actions{display:flex;gap:7px;flex-wrap:wrap;align-items:center;padding:12px 16px 5px}.titration-actions button{min-height:40px;padding:9px 12px;background:#edf6ee;border:1px solid #c9e6d7;color:#276753;border-radius:9px;font-size:11px;font-weight:810}.titration-actions button:first-child{background:#18785f;color:#fff;border-color:#18785f}.titration-actions span{margin-left:auto;color:#266d55;font-weight:850;font-size:12px;font-variant-numeric:tabular-nums}
.readouts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:15px}.readout{border:1px solid #e0ede2;background:#f3f8f3;border-radius:12px;min-height:82px;padding:12px 10px;min-width:0}.readout small{display:block;font-size:10px;line-height:1.4;color:#618275;font-weight:720;margin-bottom:7px}.readout strong{display:block;font-size:clamp(14px,1.65vw,18px);font-weight:860;color:#1d5145;line-height:1.3;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.graph-block{padding:19px 18px 16px;border-top:1px solid #e5eee6}.graph-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:13px}.graph-head h3{font-size:19px;margin:0}.graph-unit{border:1px solid #cfdfd1;background:#f1f7ef;border-radius:99px;padding:7px 10px;font-size:11px;color:#3e765d;font-weight:830}.graph-block canvas{display:block;width:100%;height:236px;background:#0b283a;border-radius:13px;touch-action:pan-y}.graph-block p:last-child{font-size:10px;color:#6b8479;margin:10px 0 0}
.explanation{padding:19px 20px;background:#f0f8ef;border-top:1px solid #e0ecdf}.explanation h3{font-size:20px;color:#1d5f4e;letter-spacing:-.02em;margin:4px 0 9px}.explanation p:not(.kicker){font-size:12px;color:#486b5b;line-height:1.7}.explanation .limitations{font-size:10px!important;color:#688173!important;border-top:1px solid #dbe8d9;padding-top:9px;margin-top:11px}
.control-card{padding:23px 19px}.control-title{display:flex;justify-content:space-between;align-items:flex-start;gap:11px}.control-title h2{font-size:22px;margin-bottom:21px}.control-title>span{white-space:nowrap;background:#f1f9ef;border:1px solid #d0e5d4;border-radius:99px;font-weight:840;font-size:10px;padding:8px;color:#217359}.control-list{display:grid;gap:13px}.control-row{border-bottom:1px solid #e9f0e9;padding-bottom:11px}.control-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-bottom:7px}.control-row label{font-size:12px;font-weight:800;color:#335e52}.control-row output{font-variant-numeric:tabular-nums;color:#146d57;font-size:12px;font-weight:870;white-space:nowrap}.control-row input[type=range]{display:block;width:100%;height:26px;margin:6px 0;accent-color:#168267;touch-action:pan-y}.control-row select{display:block;border:1px solid #c9dfd1;border-radius:10px;background:#fff;color:#24594b;padding:9px 10px;min-height:43px;width:100%;font-size:12px}.control-foot{display:flex;justify-content:space-between;color:#819589;font-size:10px;font-variant-numeric:tabular-nums}.control-info{font-size:10px;color:#748b80;margin-top:6px}.control-note{font-size:11px;color:#4c7063;padding:12px 11px;background:#f4f9f3;border:1px solid #deebdf;border-radius:10px;line-height:1.6}
.coeff-grid{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;background:#f3f9f4;border:1px solid #dcece0;border-radius:12px;padding:13px 8px}.coeff-tile{min-width:72px;display:flex;flex-direction:column;gap:7px;align-items:center;padding:8px 7px;background:#fff;border:1px solid #dce8df;border-radius:10px}.coeff-tile strong{font-size:14px;color:#1e6155}.coeff-tile>div{display:flex;align-items:center;gap:4px}.coeff-tile button{width:30px;height:33px;border:1px solid #bcd9c9;background:#eef8f0;color:#1a7357;border-radius:8px;font-weight:900;font-size:17px}.coeff-tile b{font-size:15px;min-width:17px;text-align:center;color:#184b3f}.eq-arrow{font-size:21px;font-weight:900;align-self:center;color:#30886e}.equation-line{font-size:13px;color:#24614f;line-height:1.5;text-align:center;font-weight:850}
.control-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 18px}.control-buttons button,.notebook-actions button:last-child{border:1px solid #cadfcf;background:white;padding:10px 12px;border-radius:10px;color:#2d735d;font-size:11px;font-weight:850;min-height:42px}.control-buttons button:hover,.notebook-actions button:last-child:hover{background:#f2f8f2}
.prediction-card,.missions-card{padding:16px;background:#f4f9f1;border:1px solid #d8e9d9;border-radius:16px;margin-top:15px}.prediction-card h3,.missions-card h3{font-size:17px;margin:0 0 12px}.prediction-card>p:not(.kicker):not(.feedback){font-size:12px;color:#4b6c5b;margin:10px 0}.choice-list{display:grid;gap:7px}.choice-list label{display:flex;align-items:center;gap:9px;background:white;border:1px solid #d5e6d8;padding:11px;border-radius:10px;font-size:11px;line-height:1.5;color:#40675a;font-weight:720;cursor:pointer}.choice-list label:has(input:checked){border-color:#43a27d;background:#e4f6e9}.choice-list input{accent-color:#168568;flex:none;width:15px;height:15px}.small-primary{border:1px solid #127359;background:#127359;color:white;border-radius:10px;min-height:42px;padding:10px 13px;font-size:12px;font-weight:860}.small-primary:hover{background:#0c5d4c}.prediction-card .small-primary{margin-top:11px}.feedback{font-size:11px;color:#42725c;font-weight:780;line-height:1.6;margin:9px 0 0}.feedback:empty{display:none}
.missions-card{background:white;border-color:#e2ede3}.mission-top{display:flex;align-items:start;justify-content:space-between;gap:10px}.mission-top>span{border:1px solid #cde1d0;border-radius:99px;background:#f3f9f1;padding:7px 10px;font-size:11px;font-weight:860;color:#417759;white-space:nowrap}.mission-list{display:grid;gap:7px;margin-top:8px}.mission-tile{display:flex;align-items:center;gap:9px;min-height:58px;text-align:left;border:1px solid #e0e9df;border-radius:11px;background:#fbfdfa;padding:9px 10px;color:#265d4e}.mission-tile:hover{border-color:#7bc5a4}.mission-tile[aria-pressed=true]{border-color:#2b9776;background:#e9f7ed;box-shadow:inset 0 0 0 1px #3aa080}.mission-number{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;background:#e1f2e7;color:#226e56;font-size:12px;font-weight:850}.mission-tile strong{display:block;font-size:12px}.mission-tile small{font-size:10px;color:#6a877a;display:block;margin-top:4px}.active-mission{margin-top:14px;background:#edf8ec;border:1px solid #d1e8d1;border-radius:12px;padding:14px}.active-mission h4{font-size:16px;margin-bottom:8px}.active-mission p:not(.kicker){font-size:11px;color:#55735b;margin:8px 0}.active-mission #missionHint{font-style:italic;color:#6f856f}.active-mission .wide{width:100%;margin-top:8px}.active-mission>button:last-child{border:0;background:transparent;color:#22745a;font-size:11px;text-decoration:underline;padding:10px 0}
.lab-notebook{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,1.25fr);gap:25px;padding:26px;margin:18px 0}.lab-notebook h2{font-size:clamp(24px,3vw,33px);margin-bottom:11px}.lab-notebook>div>p:not(.kicker){font-size:13px;color:#5e766b}.lab-notebook label{display:block;font-size:12px;color:#315f50;font-weight:810;margin-bottom:9px}.lab-notebook textarea{width:100%;min-height:86px;border:1px solid #cfe0d1;border-radius:12px;background:#fcfefa;padding:12px;resize:vertical;color:#235447;font-size:13px}.notebook-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:10px}.lab-notebook #notebookStatus{font-size:11px;color:#63806f;margin-top:11px}.saved-notes{margin-top:10px;display:grid;gap:8px}.saved-note{padding:12px;background:#f3f8f3;border:1px solid #e2ece0;border-radius:10px}.saved-note strong{font-size:11px;color:#276e55}.saved-note p{font-size:12px;color:#517164;overflow-wrap:anywhere;white-space:pre-wrap;margin-top:5px}.saved-note button{border:0;background:none;text-decoration:underline;color:#a85b4f;font-size:11px;padding:8px 0 0}
.concepts{padding:25px;margin:18px 0}.concept-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.concept-grid article{background:#f3f9f4;border:1px solid #e0ebe1;border-radius:13px;padding:15px}.concept-grid b{font-size:11px;color:#2d997c}.concept-grid h3{font-size:16px;margin:10px 0}.concept-grid p{font-size:11px;color:#587366}.footer{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:15px 5px 35px}.footer p{font-size:11px;color:#698175;max-width:825px}.footer nav{display:flex;gap:13px;flex-wrap:wrap}.footer nav a{font-size:12px;color:#177c61;font-weight:830;text-decoration:none;white-space:nowrap}.footer nav a:hover{text-decoration:underline}.toast{position:fixed;z-index:50;bottom:22px;left:50%;transform:translate(-50%,170%);padding:13px 17px;max-width:calc(100vw - 28px);border-radius:12px;background:#133e47;color:#f3fff7;font-size:12px;line-height:1.5;box-shadow:0 15px 42px #092f3955;transition:transform .2s;pointer-events:none}.toast.show{transform:translate(-50%,0)}
@media(max-width:1220px){.lab-grid{grid-template-columns:minmax(0,1.2fr) minmax(315px,.95fr)}.hero{padding:30px}.hero-art{flex-basis:218px}.scene-frame,.scene-frame canvas{height:355px;min-height:355px}.readouts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.lab-grid{grid-template-columns:1fr}.control-card{padding:22px}.control-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:17px}.scene-frame,.scene-frame canvas{height:375px;min-height:375px}.hero-art{display:none}.station-tabs button{flex:0 0 auto;min-width:172px}.concept-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:580px){.site-header{height:67px;padding:8px 12px}.brand strong{font-size:16px}.brand small{font-size:8px;letter-spacing:.07em}.brand img{width:28px;height:28px}.header-right{gap:7px}.header-right>a{font-size:11px}.header-right label>span{display:none}.header-right select{max-width:93px;min-height:37px;padding:7px;font-size:11px}.shell{padding:0 9px}.hero{padding:23px 17px 22px;border-radius:0 0 17px 17px;margin-bottom:10px;min-height:0}.hero h1{font-size:clamp(29px,8vw,42px);line-height:1.12;margin-bottom:11px}.hero .lead{font-size:12px;line-height:1.65;margin-bottom:13px}.hero-tags{gap:5px}.hero-tags span{font-size:8px;padding:6px 8px}.eyebrow{font-size:9px;margin-bottom:10px}.station-tabs{padding:4px;gap:4px;border-radius:12px;margin-bottom:9px}.station-tabs button{min-width:141px;min-height:50px;padding:8px 9px;gap:7px}.station-icon{width:28px;height:28px;border-radius:8px;font-size:14px}.station-tabs b{font-size:11px}.station-tabs small{font-size:8px}.lab-grid{gap:10px}.scene-card,.control-card,.lab-notebook,.concepts{border-radius:16px}.scene-heading{padding:14px 11px 12px}.scene-heading h2{font-size:24px}.scene-heading p:last-child{font-size:11px}.scene-badges{gap:5px}.science-badge{font-size:8px;white-space:normal;text-align:center;max-width:104px;padding:7px}.listen-button{min-height:34px;padding:7px 9px;font-size:10px}.scene-frame{margin:0 7px;border-radius:12px}.scene-frame,.scene-frame canvas{height:309px;min-height:309px}.scene-foot{bottom:10px;left:7px;max-width:calc(100% - 131px)}.scene-foot span{font-size:9px;padding:6px 8px}.scene-zoom{right:7px;bottom:8px;gap:3px}.scene-zoom button{min-width:32px;min-height:34px}.titration-actions{gap:5px;padding:10px 8px 4px}.titration-actions button{font-size:10px;padding:8px;min-height:37px}.titration-actions span{width:100%;text-align:right;font-size:11px}.readouts{padding:9px;gap:6px}.readout{min-height:67px;padding:10px 9px}.readout small{font-size:10px;margin-bottom:5px}.readout strong{font-size:15px}.graph-block{padding:14px 9px}.graph-head h3{font-size:17px}.graph-unit{font-size:10px;padding:6px}.graph-block canvas{height:208px}.explanation{padding:16px 12px}.explanation h3{font-size:18px}.explanation p:not(.kicker){font-size:11px}.control-card{padding:19px 13px}.control-title h2{font-size:21px}.control-list{grid-template-columns:1fr;gap:12px}.coeff-grid{gap:5px}.coeff-tile{min-width:57px;padding:7px 3px}.coeff-tile strong{font-size:12px}.coeff-tile button{width:27px;height:31px}.prediction-card,.missions-card{padding:13px}.lab-notebook{grid-template-columns:1fr;gap:12px;padding:19px 14px;margin:10px 0}.lab-notebook h2{font-size:23px}.concepts{margin:10px 0;padding:18px 13px}.concept-grid{grid-template-columns:1fr;gap:8px}.concept-grid article{padding:12px}.concept-grid article h3{font-size:15px;margin:7px 0}.footer{display:block;padding:16px 6px 33px}.footer nav{margin-top:11px}.footer nav a{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}