.lab{max-width:1500px;margin:auto;padding:40px 6% 60px}.lab-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.lab-heading h1{font-size:clamp(58px,7vw,90px)}.lab-heading .eyebrow{margin-bottom:12px}.lab-heading>p{color:var(--muted);font-size:18px}.experiment-picker{display:flex;gap:10px;margin-bottom:34px;flex-wrap:wrap}.experiment-picker button,.presets button{font:inherit;color:var(--text);border:1px solid var(--line);background:#101b26;padding:13px 20px;border-radius:5px;cursor:pointer}.experiment-picker button[aria-pressed=true]{color:#16110c;background:var(--accent);border-color:var(--accent)}button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.experiment-intro h2{font-size:clamp(30px,3.3vw,46px)}.experiment-intro>p{color:var(--muted);margin:12px 0 25px}.experiment-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(275px,1fr);gap:24px;align-items:start}.chart{background:#050b12;border:1px solid #ffffff24;border-radius:8px;overflow:hidden}.chart canvas{width:100%;height:auto;aspect-ratio:1.35;display:block}.chart-caption{font-size:14px;color:var(--muted);margin:0;padding:15px 20px;border-top:1px solid var(--line)}.controls{padding:24px;background:#101923;border:1px solid var(--line);border-radius:8px}.controls label{display:block;font-size:16px}.controls output{display:block;font-size:28px;color:var(--accent);margin-top:6px}.controls input[type=range]{width:100%;accent-color:var(--accent);height:36px;cursor:pointer;margin:12px 0}.controls input[type=number]{width:100%;padding:12px;margin:10px 0 22px;background:#080d12;border:1px solid #ffffff55;border-radius:4px;color:var(--text);font:inherit}.presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.presets button{font-size:14px;padding:7px 12px}.readouts{display:grid;gap:15px}.readouts span{display:block;font-size:14px;color:var(--muted)}.readouts strong{font-size:26px;font-weight:500}.insight{font-size:16px;color:#e0d7c9;border-left:2px solid var(--accent);padding-left:14px}.controls .button{font-family:inherit;font-size:16px;border:0;cursor:pointer;width:100%;min-height:48px}.small-note,.range-ends{font-size:14px;color:var(--muted)}.range-ends{display:flex;justify-content:space-between;gap:18px;margin-bottom:22px}.small-note{margin-bottom:0}.experiment details{margin-top:24px;border-top:1px solid var(--line);padding:20px 0;color:var(--muted);max-width:1000px}.experiment summary{cursor:pointer;color:var(--text);font-size:16px}.experiment details a,.lab-footer a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.lab-footer{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:25px}.lab-footer a{display:block;margin-top:10px}.jump-results{margin:15px 0 24px}.jump-result{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:16px}.jump-result span:last-child{text-align:right;color:var(--accent)}[hidden]{display:none!important}@media(max-width:850px){.experiment-grid{grid-template-columns:1fr}.lab-heading{align-items:start}.lab-heading>p{display:none}.lab{padding-top:30px}.experiment-picker{display:grid;grid-template-columns:1fr;width:100%;gap:8px}.experiment-picker button{text-align:left}.controls{padding:20px}.chart canvas{aspect-ratio:1.2}.lab-heading .eyebrow{letter-spacing:1px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
.experiment-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.experiment-picker button{text-align:left;min-height:52px}.controls select{width:100%;padding:12px;margin:10px 0 22px;background:#080d12;border:1px solid #ffffff55;border-radius:4px;color:var(--text);font:inherit}.controls select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.readouts{margin:8px 0 20px}.readouts.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.readouts.three>div{padding:12px;background:#09111a;border:1px solid #ffffff18;border-radius:5px}.readouts.three>div:nth-child(3){grid-column:1/-1}.readouts.three strong{display:block;font-size:clamp(18px,1.7vw,24px);line-height:1.18;margin-top:4px;overflow-wrap:anywhere}.controls .presets:last-child{margin-bottom:0}.experiment{min-height:670px}@media(max-width:1100px){.experiment-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.experiment-picker{grid-template-columns:1fr}.experiment{min-height:0}.readouts.three{grid-template-columns:1fr 1fr}}@media(max-width:420px){.readouts.three{grid-template-columns:1fr}.readouts.three>div:nth-child(3){grid-column:auto}.controls output{font-size:24px}}

/* Cinematic rendering shell */
.lab-viewport{position:relative;aspect-ratio:1.42;min-height:320px;overflow:hidden;background:#02050b}.lab-viewport canvas{position:absolute;inset:0;width:100%!important;height:100%!important;aspect-ratio:auto;touch-action:none;filter:none!important;outline-offset:-4px}.scene-hud{position:absolute;left:16px;top:14px;right:16px;pointer-events:none;color:#e2edf6;text-shadow:0 2px 5px #000;font:500 13px/1.5 'DM Sans',sans-serif;z-index:2}.scene-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 14px;background:#0a141e;border-top:1px solid #ffffff21}.scene-toolbar button,.scene-toolbar select{border:1px solid #839eb646;background:#132230;color:#edf2f5;border-radius:5px;padding:9px 11px;font:inherit;font-size:14px;cursor:pointer}.scene-toolbar button[aria-pressed=true]{border-color:#ffc078;color:#ffc078}.scene-toolbar label{font-size:14px;margin-left:auto}.scene-toolbar span{font-size:12px;color:#aac0d2}.scene-help{margin:0;padding:0 15px 12px;background:#0a141e;color:#aabac8;font-size:13px}.chart:has(.lab-viewport)::after{display:none}.planet-extras{padding-top:16px;border-top:1px solid #ffffff24;margin:22px 0}.planet-extras output{font-size:22px}.asset-credits{color:#94a9ba;font-size:13px}.asset-credits a{color:#ffc078;text-decoration:underline}.controls #planet-use{margin-top:12px;background:#182d3f;color:#ffd49d;border:1px solid #ffc07866}.chart-caption{line-height:1.6} @media(max-width:850px){.lab-viewport{aspect-ratio:1.12;min-height:300px}.scene-toolbar{gap:6px}.scene-toolbar label{margin-left:0}.scene-toolbar button{padding:10px}.scene-hud{font-size:12px;left:12px;right:12px}}
.earth-controls{padding:18px 20px;background:#09121b;border-top:1px solid #ffffff20}.earth-controls label{display:flex;justify-content:space-between;font-size:16px}.earth-controls output{color:var(--accent)}.earth-controls input{width:100%;height:36px;accent-color:var(--accent)}.earth-controls .small-note{margin-top:5px}.chart-caption a{color:var(--accent);text-decoration:underline}.chart:has(.earth-controls)::after{display:none}
.chart{position:relative;background:radial-gradient(circle at 68% 18%,#142d43,#03070c 62%);border-color:#8acbff38;border-radius:12px;box-shadow:0 28px 80px #0008,0 0 0 1px #ffffff08 inset;isolation:isolate}.chart::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 70px #0008,inset 0 1px #ffffff16}.chart canvas{position:relative;aspect-ratio:1.42;filter:saturate(1.08) contrast(1.03)}.chart-caption{position:relative;background:linear-gradient(90deg,#071019f5,#0d1821f5);border-top-color:#83bddd2b;letter-spacing:.01em}.controls{background:linear-gradient(155deg,#14212c 0%,#0b1219 68%);border-color:#86b8d32e;border-radius:12px;box-shadow:0 22px 55px #0005,inset 0 1px #ffffff0b}.experiment-picker button{background:linear-gradient(145deg,#13222f,#0b141c);border-color:#8ab4ce2e;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}.experiment-picker button:hover{transform:translateY(-2px);border-color:#ffc07873;box-shadow:0 10px 28px #0005}.experiment-picker button[aria-pressed=true]{background:linear-gradient(135deg,#ffe0b8,#ffc078);border-color:#ffe1bb;box-shadow:0 10px 32px #ffc07820,0 0 0 1px #fff6e166 inset}.readouts.three>div{background:linear-gradient(145deg,#0c1721,#071019);border-color:#83bddd20}.controls input[type=range]{filter:drop-shadow(0 0 6px #ffc07838)}
@media(max-width:850px){.chart canvas{aspect-ratio:1.25}.chart{box-shadow:0 18px 48px #0007}.experiment-picker button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.experiment-picker button{transition:none}}
.universe-bar{position:sticky;top:8px;z-index:12;display:flex;align-items:end;gap:10px;padding:12px 14px;margin:0 0 18px;background:#07111aee;border:1px solid #ffc07844;border-radius:10px;box-shadow:0 15px 45px #0009;backdrop-filter:blur(14px)}.universe-bar>div{margin-right:auto}.universe-bar span{display:block;color:#ffc078;font-size:11px;letter-spacing:.16em}.universe-bar strong{font-size:16px}.universe-bar label{font-size:12px;color:#aabac8}.universe-bar select,.universe-bar button{display:block;margin-top:4px;border:1px solid #8ab4ce45;background:#101f2b;color:#eef4f7;border-radius:5px;padding:8px 10px;font:inherit}.universe-bar button{align-self:center;cursor:pointer}.universe-bar #universe-ai{color:#171009;background:#ffc078;border-color:#ffc078;font-weight:700}.space-guide{position:fixed;right:18px;bottom:18px;width:min(410px,calc(100vw - 24px));max-height:min(720px,calc(100vh - 36px));z-index:40;background:#07111af7;border:1px solid #ffc07866;border-radius:12px;box-shadow:0 24px 90px #000;overflow:hidden;backdrop-filter:blur(18px)}.guide-head{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #ffffff1c}.guide-head span{display:block;color:#ffc078;font-size:10px;letter-spacing:.14em}.guide-head strong{font-size:20px}.guide-head button{font-size:28px;color:#fff;background:none;border:0;cursor:pointer}.guide-context{display:flex;gap:6px;flex-wrap:wrap;padding:10px 16px;background:#0c1924}.guide-context span{font-size:12px;color:#bdd0de;border:1px solid #ffffff1c;border-radius:999px;padding:4px 8px}.guide-messages{height:320px;overflow:auto;padding:15px}.guide-messages p{max-width:88%;padding:10px 12px;border-radius:9px;line-height:1.5;font-size:14px}.guide-ai{background:#122433;color:#e9f1f5}.guide-user{margin-left:auto;background:#ffc078;color:#20160d}.space-guide form{display:flex;gap:8px;padding:12px;border-top:1px solid #ffffff1c}.space-guide input{min-width:0;flex:1;background:#03080c;color:#fff;border:1px solid #ffffff36;border-radius:5px;padding:11px;font:inherit}.space-guide form button{background:#ffc078;color:#20160d;border:0;border-radius:5px;padding:0 15px;font-weight:700}.guide-note{padding:0 14px 12px;color:#8fa5b5;font-size:12px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:850px){.universe-bar{position:relative;top:auto;align-items:stretch;display:grid;grid-template-columns:1fr 1fr}.universe-bar>div{grid-column:1/-1}.universe-bar button{width:100%;margin-top:0}.space-guide{right:12px;bottom:12px}.guide-messages{height:42vh}}
