html[data-topic-ui]{--ui-width: 1280px;--ui-gutter: 28px;--ui-card-radius: 18px;--ui-control-radius: 9px;--ui-control-height: 44px;--ui-title-size: clamp(30px, 3.3vw, 42px);--ui-section-size: clamp(20px, 2vw, 24px);--ui-copy-size: 15px;--ui-control-size: 13px;--ui-shadow: 0 8px 28px #18382b06}html[data-topic-ui][data-theme=light]{--page: #f8faf9;--surface: #ffffff;--ink: #202c28;--secondary: #5e6e67;--quiet: #708077;--border: #dde5e0;--accent: #365e50;--tint: #eef3ef}html[data-topic-ui][data-theme=dark]{--page: #111715;--surface: #18211e;--ink: #e7eee9;--secondary: #a7b8ae;--quiet: #94a69b;--border: #303e36;--accent: #badccd;--tint: #202d26;--ui-shadow: 0 8px 28px #00000010}html[data-topic-ui] body{background:var(--page);color:var(--ink);font-family:var(--ui-font);font-size:var(--ui-copy-size);line-height:1.8}html[data-topic-ui] .encyclopedia-nav{padding-inline:max(var(--ui-gutter),calc((100% - var(--ui-width))/2 + var(--ui-gutter)))}html[data-topic-ui] body>main,html[data-topic-ui] .app-shell{box-sizing:border-box;width:100%;max-width:var(--ui-width);margin-inline:auto;padding-inline:var(--ui-gutter)}html[data-topic-ui] body>main{padding-block:36px 64px}html[data-topic-ui] body>main>header{max-width:none;margin:0 0 28px}html[data-topic-ui] :is(body>main>header,.story-panel) h1{color:var(--ink);font-size:var(--ui-title-size);line-height:1.25;letter-spacing:-.035em;font-weight:650;margin:10px 0 16px;text-wrap:balance}html[data-topic-ui] .hero h1 span{color:inherit}html[data-topic-ui] body>main>header :is(.intro,p:not(.eyebrow):not(.reading-mode-hint)),html[data-topic-ui] .story-panel>.intro{max-width:54em;font-size:var(--ui-copy-size);line-height:1.85;color:var(--secondary)}html[data-topic-ui] :is(body>main>header,.story-panel) .eyebrow{color:var(--secondary);font-size:11px;line-height:1.6;font-weight:600;letter-spacing:.12em;margin-block:0 8px}html[data-topic-ui] :is(.modes,.reading-mode,.mode-switch,.learning-modes){display:inline-flex;align-items:stretch;gap:4px;padding:4px;border:1px solid var(--border);border-radius:12px;background:var(--tint);width:fit-content;max-width:100%}html[data-topic-ui] :is(.modes,.reading-mode,.mode-switch,.learning-modes,.controls,.buttons,.settings,.options,.toolbar,.view-controls,.observation-views,.views,.scenarios,.segmented,.steps,.stages,.stage-buttons,.cell-tabs,.process-tabs,.process-controls,.experiment-tabs,.status-tabs,.presets,.parts,.playbar,.transport,.experiments,.leaf-types,.season-controls,.planet-tabs,.city-tabs,.solstice-tabs) button,html[data-topic-ui] main select{font-family:var(--ui-font);font-size:var(--ui-control-size);line-height:1.5;font-weight:500;min-height:var(--ui-control-height);padding:10px 14px;border-radius:var(--ui-control-radius);border:1px solid var(--border);color:var(--ink);background:var(--surface);box-shadow:none;touch-action:manipulation}html[data-topic-ui] :is(.modes,.reading-mode,.mode-switch,.learning-modes) button{background:transparent;border-color:transparent;color:var(--secondary);min-width:88px;min-height:40px;padding:8px 14px;margin:0}html[data-topic-ui] :is(.controls,.buttons,.toolbar,.views,.view-controls,.observation-views,.scenarios,.segmented,.steps,.stages,.stage-buttons,.cell-tabs,.process-tabs,.experiment-tabs,.status-tabs,.presets,.parts,.experiments,.leaf-types,.season-controls,.planet-tabs,.city-tabs,.solstice-tabs) button:is([aria-pressed=true],[aria-current=step],.active){color:var(--accent);background:var(--tint);border-color:color-mix(in srgb,var(--accent) 48%,var(--border));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}html[data-topic-ui] :is(.modes,.reading-mode,.mode-switch,.learning-modes) button[aria-pressed=true],html[data-topic-ui] main :is(#play,#btn-play,.play-button),html[data-topic-ui] .season-controls .primary{color:var(--page);background:var(--accent);border-color:var(--accent);font-weight:600}html[data-topic-ui] main select{max-width:100%;min-width:0}html[data-topic-ui] :is(.view-buttons,.view-tabs,.stage-controls,.scene-toolbar,.region-buttons,.component-controls,.cause-steps,.environment-buttons,.habitat-buttons,.scenario-controls,.seat-tabs,.ice-stages,.journey-controls,.behavior-controls,.scene-transport,.step-controls,.playback,.stack,.lens-controls,.control-group,.viewbar,.feature-panel,#replacement-panel,.action-row) button,html[data-topic-ui] aside>:is(button.next,button#reset){font-family:var(--ui-font);font-size:var(--ui-control-size);line-height:1.5;min-height:var(--ui-control-height);min-width:0;border-radius:var(--ui-control-radius);touch-action:manipulation}html[data-topic-ui] :is(.object-grid,.places) button{font-family:var(--ui-font);font-size:var(--ui-control-size);border-radius:var(--ui-control-radius)}html[data-topic-ui] main input[type=range]{accent-color:var(--accent);cursor:pointer;min-width:0;min-height:28px}html[data-topic-ui] main input[type=checkbox]{accent-color:var(--accent)}html[data-topic-ui] main button:disabled{opacity:.45;cursor:default}html[data-topic-ui] :is(button,select,input,a,summary):focus-visible{outline:2px solid var(--accent);outline-offset:4px}html[data-topic-ui] :is(.steps,.stage-buttons,.stages) button{min-width:0;white-space:normal;overflow-wrap:anywhere}html[data-topic-ui] :is(.steps,.stage-buttons) button{border-width:2px 0 0;border-radius:0;background:transparent;text-align:left}html[data-topic-ui] :is(.lab,.explorer,.laboratory,.experiment,.exploration,.panel){border:1px solid var(--border);border-radius:var(--ui-card-radius);background:var(--surface);box-shadow:var(--ui-shadow)}html[data-topic-ui] :is(.viewport,.space-scene,.specimen,.detail-window,.behavior-window){border-radius:12px}html[data-topic-ui] :is(.workspace,.workbench,.layout)>*{min-width:0}html[data-topic-ui] :is(.panel,.story,.inspector,.science-panel,.takeaways,.discoveries,.details,.learn,.field-note) h2{font-size:var(--ui-section-size);font-weight:600;line-height:1.45;letter-spacing:-.025em}html[data-topic-ui] :is(.panel,.story,.science-panel,.takeaways,.discoveries,.details,.learn,.field-note) p:not(.eyebrow):not(.science-formula):not(.number):not(.metric){font-size:var(--ui-copy-size);line-height:1.85}html[data-topic-ui] :is(.science-panel,.field-note,.formula-card){border-radius:12px}html[data-topic-ui] :is(.scene-reading,.scene-note,.scene-legend,.material-legend,figcaption){line-height:1.75}html[data-topic-ui] .scene-reading{color:var(--secondary)}html[data-topic-ui] .scene-reading :is(.scene-heading,.scene-note,.debris-key,.view-note){color:var(--secondary);font-size:12px}html[data-topic-ui] .scene-reading :is(.scene-heading span,.scene-corner,.scene-legend){color:var(--secondary)}html[data-topic-ui] .scrub output{flex-shrink:0;white-space:nowrap}html[data-topic-ui] .reading-mode-hint{font-size:12px;color:var(--secondary)}html[data-topic-ui] .app-shell{height:auto;min-height:0}html[data-topic-ui] .app-shell .experience{width:100%;max-width:none}html[data-topic-ui] .app-shell .page-header{min-height:82px;height:auto;padding-block:14px}html[data-topic-ui] .app-shell .space-scene{min-height:380px}html[data-topic-ui] .app-shell .story-panel{overflow:visible}html[data-topic-ui] .app-shell #phase-desc{font-size:var(--ui-copy-size);line-height:1.85}html[data-topic-ui] .app-shell .page-footer{margin-top:24px;min-height:60px}html[data-topic-ui] .app-shell .segmented{flex-wrap:wrap}html[data-topic-ui] .app-shell :is(.segmented,.view-controls){padding:4px;gap:4px;border-radius:12px;border-color:var(--border);background:var(--tint)}html[data-topic-ui] .app-shell .transport .restart-button{padding:0;min-width:44px}html[data-topic-ui] .app-shell .scene-reading .view-controls{flex-wrap:wrap}html[data-topic-ui] .app-shell+.learning-companion{width:calc(100% - 2 * var(--ui-gutter));max-width:calc(var(--ui-width) - 2 * var(--ui-gutter))}html[data-topic-ui] .learning-companion{max-width:none}@media(min-width:761px){html[data-topic-ui] .app-shell .experience{grid-template-columns:264px minmax(0,1fr);gap:28px}html[data-topic-ui] .app-shell .space-scene{height:clamp(380px,36vw,560px);flex:none}html[data-topic-ui] .app-shell .story-panel{padding-top:28px}}@media(max-width:760px){html[data-topic-ui]{--ui-gutter: 16px;--ui-card-radius: 14px;--ui-title-size: 30px;--ui-section-size: 21px;--ui-copy-size: 14px;--ui-control-size: 12px}html[data-topic-ui] body>main{padding-block:26px 44px}html[data-topic-ui] .encyclopedia-nav{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px}html[data-topic-ui] .encyclopedia-home{grid-column:1;grid-row:1;min-width:0;white-space:normal;font-size:14px;line-height:1.4}html[data-topic-ui] .encyclopedia-preferences{display:contents}html[data-topic-ui] .encyclopedia-nav .theme-control{grid-column:2;grid-row:1;justify-self:end;margin:0}html[data-topic-ui] .encyclopedia-nav .language-control{grid-column:3}html[data-topic-ui] .encyclopedia-nav .theme-control>span{display:none}html[data-topic-ui] .encyclopedia-nav .theme-control select{min-height:36px;max-width:130px}html[data-topic-ui] .encyclopedia-trail{grid-column:1 / 3;grid-row:2}html[data-topic-ui] .encyclopedia-nav .learning-jump{grid-column:3;grid-row:2;justify-self:end}html[data-topic-ui] body>main>header{margin-bottom:24px}html[data-topic-ui] body>main>header .modes{align-self:flex-start}html[data-topic-ui] :is(.controls,.views,.view-controls,.observation-views,.process-controls,.playbar,.buttons) button{padding-inline:11px}html[data-topic-ui] :is(.steps,.stage-buttons,.stages) button{padding:9px 5px}html[data-topic-ui] :is(.scenarios,.segmented) button{padding-inline:10px;white-space:normal}html[data-topic-ui] .app-shell .space-scene{min-height:320px;height:48svh;max-height:480px}html[data-topic-ui] .app-shell .page-header{gap:12px;flex-wrap:wrap}html[data-topic-ui] .app-shell .story-panel :is(h1,.intro) br{display:initial}html[data-topic-ui] .app-shell .mode-switch button{min-width:80px}html[data-topic-ui] .app-shell .view-controls button{flex:1 1 auto}}@media(prefers-reduced-motion:no-preference){html[data-topic-ui] :is(button,select){transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}html[data-topic-ui] button:not(:disabled):hover{border-color:var(--accent)}}@media(prefers-reduced-motion:reduce){html[data-topic-ui] :is(button,select){transition:none}}:root,:root[data-theme=light]{color-scheme:light;--page: #ffffff;--surface: #ffffff;--ink: #18181b;--secondary: #5f6368;--quiet: #71717a;--border: #e4e4e7;--accent: #3f3f46;--tint: #f4f4f5}:root[data-theme=dark]{color-scheme:dark;--page: #0f0f10;--surface: #171719;--ink: #f4f4f5;--secondary: #a1a1aa;--quiet: #a1a1aa;--border: #303033;--accent: #d4d4d8;--tint: #242427}.encyclopedia-nav{display:flex;gap:24px;align-items:center;min-height:64px;padding:12px 36px;color:var(--ink);background:var(--page);border-bottom:1px solid var(--border);font:13px/1.5 Inter,PingFang SC,sans-serif}.encyclopedia-nav a{color:inherit;text-decoration:none}.encyclopedia-nav a:hover{text-decoration:underline;text-underline-offset:5px}.encyclopedia-home{font-weight:600;white-space:nowrap}.encyclopedia-trail{display:flex;gap:12px;color:var(--secondary);flex:1}.theme-control{display:flex;align-items:center;gap:9px;color:var(--secondary);white-space:nowrap;font-size:12px}.theme-control select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 25px 8px 10px;cursor:pointer}.theme-control select:focus-visible,.encyclopedia-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:700px){.encyclopedia-nav{padding:12px 18px;gap:12px;flex-wrap:wrap}.encyclopedia-trail{order:3;flex-basis:100%;font-size:11px}.encyclopedia-preferences{margin-left:auto}.encyclopedia-preferences .theme-control>span{display:none}}.encyclopedia-preferences,#catalog-appearance{display:flex;align-items:center;flex-wrap:wrap;gap:12px}:root{--ui-font: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}html body{font-family:var(--ui-font);-webkit-font-smoothing:antialiased}.encyclopedia-nav{min-height:68px;padding:14px max(16px,calc((100% - 1120px)/2));gap:24px;font-family:var(--ui-font)}.encyclopedia-home{font-size:16px;font-weight:650;letter-spacing:-.02em}.encyclopedia-trail{font-size:12px;min-width:0;flex-wrap:wrap;gap:8px}.theme-control select{border-radius:6px;min-height:36px}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--page);font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{width:min(1160px,calc(100% - 48px));margin:auto;padding:48px 0 70px}h1,h2,h3,p,button,label,summary{overflow-wrap:anywhere}.hero{max-width:880px;margin-bottom:32px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.11em;color:var(--accent);line-height:1.6}h1{font-size:clamp(34px,5.4vw,62px);line-height:1.18;letter-spacing:-.055em;margin:14px 0 20px}h2{font-size:24px;letter-spacing:-.03em;line-height:1.4}h3{font-size:19px;line-height:1.45}p{line-height:1.85}.intro{font-size:18px;color:var(--secondary);max-width:780px}.exploration{background:var(--surface);border:1px solid var(--border);border-radius:26px;padding:24px;box-shadow:0 18px 60px #162f3910}.lab-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:19px}.lab-title h2{margin:6px 0}.lab-title p{margin:0}.scale-note{font-size:12px;color:var(--secondary)}button,input{font:inherit}button{border:1px solid var(--border);border-radius:10px;background:var(--page);color:var(--ink);min-height:44px;padding:10px 14px;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.45;cursor:default}button:hover{border-color:var(--accent)}button[aria-pressed=true],button.primary{background:var(--accent);color:var(--accent-ink,#fff);border-color:var(--accent)}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #b98245;outline-offset:3px}.environment-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.environment-buttons button{text-align:left;padding:13px 18px;border-radius:13px}.environment-buttons span{display:block;font-size:16px;font-weight:750;margin-bottom:4px}.environment-buttons small{font-size:12px;opacity:.78;line-height:1.5}.ocean-panel{margin:0;border:1px solid #315463;background:#142f3c;border-radius:18px;overflow:hidden;color:#dce9df}.scene-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 18px;background:#102c3a}.scene-toolbar>span{font-size:12px;color:#a6c7c4}.view-buttons{display:flex;gap:6px}.view-buttons button{border-color:#496772;background:#1b3b49;color:#dce9df;font-size:12px;padding:7px 11px;min-height:40px}.view-buttons button[aria-pressed=true]{background:#d3e9dd;color:#193b43;border-color:#d3e9dd}#ocean-scene{display:block;width:100%;aspect-ratio:3/2;height:auto;overflow:hidden}figcaption{font-size:12px;line-height:1.75;color:#c8dcd2;padding:14px 20px;border-top:1px solid #3e5a63;min-height:66px}.legend{display:flex;flex-wrap:wrap;gap:12px 22px;margin:18px 2px;font-size:12px;color:var(--secondary)}.legend span{display:flex;align-items:center;gap:8px}.swatch{display:inline-block;flex:0 0 13px;width:13px;height:13px;border-radius:50%;border:1px solid #708c88}.hot{background:#ecaa57;border-color:#cd9250}.crust{background:#2a4248}.plume{background:#c6d0bf}.layers{background:repeating-linear-gradient(0deg,#9c9474 0,#9c9474 3px,#50605a 3px,#50605a 6px);border-radius:3px}.control-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:21px;align-items:start}.controls{min-width:0}.progress-label{display:flex;justify-content:space-between;gap:10px;font-size:14px;font-weight:700}input[type=range]{width:100%;accent-color:var(--accent);min-height:37px;margin:6px 0 0}.milestones{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.milestones button{font-size:12px;padding:5px;min-height:35px;border-color:transparent;color:var(--secondary)}.play-controls{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.play-controls button{flex:1;white-space:normal;font-size:13px}.hint{font-size:12px;line-height:1.75;color:var(--secondary);margin:13px 0 0}.control-label{font-size:14px;font-weight:700;margin:0 0 9px}.supply-controls{padding-top:18px;border-top:1px solid var(--border);margin-top:18px}.buttons{display:flex;gap:8px}.buttons button{flex:1;font-size:13px}.readouts{display:grid;grid-template-columns:1fr 1fr;gap:14px;border-bottom:1px solid var(--border);padding-bottom:17px;margin-bottom:16px}.readouts span{display:block;font-size:12px;color:var(--secondary);margin-bottom:7px}.readouts strong{font-size:15px}.status{border-left:3px solid #83a9a0;padding-left:17px;min-height:130px}.status h3{margin:0 0 9px}.status p{font-size:14px;color:var(--secondary);margin:0}.ideas{display:grid;grid-template-columns:repeat(3,1fr);gap:27px;margin:36px 0}.ideas article{border-top:1px solid var(--border);padding-top:10px}.ideas h2{font-size:21px}.ideas p:not(.eyebrow){font-size:14px;color:var(--secondary)}.field-note{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:22px 25px;display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;margin:24px 0}.field-note p{font-size:14px;color:var(--secondary);margin:0}.field-note .eyebrow{font-size:12px;color:var(--accent)}.field-note h2{font-size:21px;margin:9px 0 0}details{border-top:1px solid var(--border);padding-top:17px;margin:23px 0;font-size:14px}summary{font-weight:700;line-height:1.7;cursor:pointer}details p{color:var(--secondary)}details li{line-height:1.7;margin:9px 0}a{color:var(--accent)}.related{display:flex;gap:15px;flex-wrap:wrap;border-top:1px solid var(--border);padding-top:22px;margin-top:30px;font-size:14px}.related a{text-decoration-thickness:1px;text-underline-offset:4px}@media(max-width:760px){main{width:calc(100% - 28px);padding-top:31px}.hero{margin-bottom:25px}.exploration{padding:15px;border-radius:20px}.lab-title{align-items:flex-start;flex-direction:column;gap:7px}.lab-title h2{font-size:21px}.environment-buttons{gap:6px}.environment-buttons button{padding:10px 9px}.environment-buttons span{font-size:13px}.environment-buttons small{font-size:11px}.scene-toolbar{padding:10px;flex-wrap:wrap;gap:8px}.scene-toolbar>span{width:100%}.view-buttons{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.view-buttons button{font-size:11px;padding:6px 4px}.control-layout,.ideas,.field-note{grid-template-columns:1fr}.control-layout{gap:21px}.ideas{gap:12px;margin-top:28px}.field-note{gap:15px;padding:20px}.legend{gap:11px 14px;font-size:11px}.status{min-height:0}figcaption{padding:12px 14px;min-height:0}.intro{font-size:16px}.play-controls button{font-size:12px;padding:9px 8px}.readouts strong{font-size:14px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}.material-note{font-size:12px;line-height:1.8;color:var(--secondary);padding:12px 15px;border-left:2px solid #819f98;background:var(--page);margin:18px 0}.swatch.mist{background:#e1e7d6;border-color:#acb9b1}.swatch.plume{background:#819589}