:root{--color-bg:#f7f8fa;--color-surface:#fff;--color-text:#172026;--color-muted:#58636d;--color-border:#d8dde3;--color-link:#0b5cad;--color-link-hover:#063d75;--color-focus:#b45309;--color-canvas:#111820;--shadow-panel:0 18px 48px #17202614;color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}a{color:var(--color-link)}a:hover{color:var(--color-link-hover)}a:focus-visible,button:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}button{font:inherit}code{background:#eef2f6;border-radius:4px;padding:.1rem .28rem}#root{min-height:100svh}.app-shell{grid-template-rows:auto 1fr auto;min-height:100svh;display:grid}.site-header,.site-footer{background:var(--color-surface);border-color:var(--color-border);border-style:solid;border-width:0}.site-header{border-bottom-width:1px}.site-footer{border-top-width:1px}.site-header__inner,.site-footer__inner,.page{width:min(1120px,100% - 32px);margin:0 auto}.site-header__inner{justify-content:space-between;align-items:center;gap:24px;min-height:72px;display:flex}.brand{color:var(--color-text);font-weight:700;text-decoration:none}.site-nav{flex-wrap:wrap;gap:16px;font-size:.95rem;display:flex}.site-nav a[aria-current=page]{color:var(--color-text);text-underline-offset:5px;font-weight:700;text-decoration-thickness:3px}.page__intro{max-width:780px}.page__intro h1{margin:0 0 16px;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}.page__intro p{color:var(--color-muted);margin:0;font-size:1.12rem}.dashboard{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:24px;margin-top:36px;display:grid}.panel{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-panel);border-radius:8px;padding:24px}.panel h2,.panel h3{margin:0 0 12px;line-height:1.2}.panel p,.panel li{color:var(--color-muted)}.status-list{gap:16px;margin:0;padding:0;list-style:none;display:grid}.status-list li{border-top:1px solid var(--color-border);padding-top:16px}.status-list li:first-child{border-top:0;padding-top:0}.scene-panel{padding:0;overflow:hidden}.scene-panel__label{color:var(--color-muted);padding:16px 20px 0;font-size:.9rem}.foundation-scene{background:var(--color-canvas);height:320px}.route-card{gap:20px;padding:20px;display:grid}.review-link-grid,.scenario-grid,.review-scenario-view{gap:16px;display:grid}.review-link-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.review-section{gap:18px;display:grid}.review-section__header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:16px;display:flex}.review-section__header button,.scenario-card button{border:1px solid var(--color-border);background:var(--color-surface);min-height:40px;color:var(--color-text);cursor:pointer;border-radius:8px;padding:0 12px;font-weight:700}.scenario-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.scenario-card{border:1px solid var(--color-border);border-radius:8px;gap:10px;padding:14px;display:grid}.scenario-card h3,.scenario-card p{margin:0}.scenario-card.is-selected{border-color:var(--color-link);box-shadow:inset 0 0 0 2px var(--color-link)}.review-scenario-view{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr)}.review-summary{border-top:1px solid var(--color-border);padding-top:16px}.button-link,.moon-controls button,.mobile-view-switch button,.mode-selector button,.guided-nav button,.prediction-options label,.guided-mini-controls button,.eclipse-controls button{border:1px solid var(--color-border);background:var(--color-surface);min-height:44px;color:var(--color-text);cursor:pointer;border-radius:8px;text-decoration:none}.button-link{justify-content:center;align-items:center;width:fit-content;padding:0 16px;font-weight:700;display:inline-flex}.moon-lab{gap:24px;display:grid}.mode-selector{gap:10px;width:fit-content;display:inline-flex}.mode-selector button{padding:0 18px}.mode-selector button[aria-pressed=true]{border-color:var(--color-link);box-shadow:inset 0 0 0 2px var(--color-link);font-weight:700}.breadcrumb{margin-bottom:12px;font-size:.95rem}.sr-status{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.moon-lab__grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px;min-width:0;display:grid}.moon-lab__side{align-content:start;gap:24px;min-width:0;display:grid}.moon-lab__visual{min-width:0}.system-view{background:var(--color-canvas);cursor:grab;border-radius:8px;width:100%;height:min(58svh,560px);min-height:420px;position:relative;overflow:hidden}.system-view:active{cursor:grabbing}.sunlight-label{z-index:1;color:#f7d66b;pointer-events:none;background:#111820d1;border:1px solid #f7d66bb8;border-radius:999px;padding:4px 10px;font-size:.86rem;font-weight:700;position:absolute;top:14px;right:16px}.shadow-label,.tilt-disclosure{z-index:1;color:#ffb096;pointer-events:none;background:#111820d6;border:1px solid #ff9f80b8;border-radius:999px;padding:4px 10px;font-size:.86rem;font-weight:700;position:absolute;left:16px}.shadow-label{top:14px}.tilt-disclosure{color:#f0a7ff;border-color:#f0a7ffb8;top:50px}.observer-view{justify-items:center;gap:14px;display:grid}.observer-disc-frame{box-sizing:border-box;background:var(--color-canvas);border-radius:8px;width:min(100%,396px);padding:38px;position:relative}.observer-disc{background:var(--color-canvas);border-radius:8px;width:min(100%,320px);height:auto;margin:0 auto;display:block}.toward-sun-cue{z-index:2;color:#f7d66b;text-align:center;pointer-events:none;background:#111820e6;border:1px solid #f7d66b;border-radius:999px;min-width:58px;padding:4px 8px;font-size:.78rem;font-weight:800;line-height:1.1;position:absolute;transform:translate(-50%,-50%)}.toward-sun-cue--right{transform:translate(-100%,-50%)}.toward-sun-cue--left{transform:translateY(-50%)}.toward-sun-cue--top{transform:translate(-50%)}.toward-sun-cue--bottom{transform:translate(-50%,-100%)}.toward-sun-arrow{pointer-events:none;position:absolute;inset:0;overflow:visible}.toward-sun-arrow line{stroke:#f7d66b;stroke-width:3px}.toward-sun-arrow marker path{fill:#f7d66b}.toward-sun-arrow text{fill:#f7d66b;paint-order:stroke;stroke:#111820;stroke-width:5px;font-size:15px;font-weight:700}.guided-layout{grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);align-items:start;gap:24px;display:grid}.guided-panel{order:2}.guided-visual{order:1}.guided-progress{color:var(--color-muted);gap:8px;font-weight:700;display:grid}.guided-progress progress{width:100%}.guided-note,.guided-transfer{color:var(--color-muted)}.guided-prompt{color:var(--color-text);font-size:1.18rem;font-weight:700}.prediction-options{border:0;gap:10px;margin:18px 0;padding:0;display:grid}.prediction-options legend{color:var(--color-muted);margin-bottom:8px;font-weight:700}.prediction-options label{grid-template-columns:auto auto 1fr;align-items:center;gap:10px;padding:10px 12px;display:grid}.prediction-options label.is-selected{border-color:var(--color-link);box-shadow:inset 0 0 0 2px var(--color-link)}.overlay-controls{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.overlay-controls button{border:1px solid var(--color-border);background:var(--color-surface);min-height:40px;color:var(--color-text);border-radius:8px;padding:0 12px;font-weight:700}.overlay-controls button[aria-pressed=true]{border-color:var(--color-link);box-shadow:inset 0 0 0 2px var(--color-link)}.mini-disc{border:1px solid var(--color-border);background:#222530;border-radius:50%;width:34px;height:34px;display:inline-block}.mini-disc--crescent{background:radial-gradient(circle at 75%,#d8dde3 0 35%,#222530 37% 100%)}.mini-disc--half{background:linear-gradient(90deg,#d8dde3 0 50%,#222530 50% 100%)}.mini-disc--full{background:#d8dde3}.moon-closeup{color:var(--color-muted);justify-items:center;gap:10px;margin-top:16px;display:grid}.moon-closeup__disc{aspect-ratio:1;background:radial-gradient(circle at 34% 34%,#fff4a8 0 8%,#0000 25%),radial-gradient(circle at 38% 48%,#f7d66b 0 34%,#59606a 58%,#252b33 100%);border:2px solid #d8dde3;border-radius:50%;place-items:center;width:min(240px,72vw);display:grid;position:relative;overflow:hidden}.moon-closeup__disc.is-revealed:after{content:"";border:3px dashed #f7d66b;border-radius:50%;position:absolute;inset:12%}.moon-closeup__disc--sunlit.is-revealed{background:linear-gradient(90deg,#f7d66b 0 50%,#252b33 50% 100%)}.moon-closeup__disc--earth-facing{background:linear-gradient(90deg,#9be7ff33 0 50%,#252b33 50% 100%)}.moon-closeup__disc--earth-facing.is-revealed:after{border-color:#9be7ff}.moon-closeup__disc--overlap{background:linear-gradient(90deg,#f7d66b 0 35%,#0000 35% 100%),repeating-linear-gradient(135deg,#9be7ff55 0 8px,#0000 8px 16px),#252b33}.moon-closeup__disc--overlap.is-revealed:after{border-style:solid;border-color:#fff}.moon-closeup__label{z-index:1;color:#f4f7fb;text-align:center;background:#111820dd;border-radius:6px;max-width:80%;padding:6px 8px;font-size:.9rem;font-weight:700}.temporal-evidence{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.temporal-evidence div{border:1px solid var(--color-border);text-align:center;border-radius:8px;justify-items:center;gap:8px;padding:12px;display:grid}.guided-feedback,.opening-response{border-left:4px solid var(--color-link);background:#eef4fa;padding:12px 14px}.guided-nav,.guided-mini-controls{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.guided-mini-controls--stacked{display:grid}.guided-nav button,.guided-mini-controls button{padding:0 14px}.guided-visual-grid{gap:18px;display:grid}.hidden-result{border:1px dashed var(--color-border);color:var(--color-muted);border-radius:8px;padding:18px}.concept-list{color:var(--color-muted)}.textbook-connection{color:var(--color-muted);margin-top:18px}.textbook-connection summary{cursor:pointer;color:var(--color-text);font-weight:700}.sun-alignment-note{color:#f4f7fb;background:#111820d1;border-radius:6px;padding:8px 10px;font-size:.86rem;position:absolute;bottom:14px;left:16px;right:16px}.eclipse-edge-label{color:#f2b199;pointer-events:none;background:#111820db;border:1px dashed #f2b199;border-radius:6px;padding:5px 8px;font-size:.82rem;font-weight:800;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.projection-note,.scale-disclosure,.motion-note{color:var(--color-muted);font-size:.95rem}.scale-disclosure{margin-bottom:0}.readout-grid{gap:12px;margin:0;display:grid}.readout-grid div{border-top:1px solid var(--color-border);grid-template-columns:minmax(130px,.9fr) minmax(0,1.1fr);gap:12px;padding-top:12px;display:grid}.readout-grid div:first-child{border-top:0;padding-top:0}.readout-grid dt{color:var(--color-muted)}.readout-grid dd{margin:0;font-weight:700}.science-details summary{cursor:pointer;font-weight:700}.science-details .readout-grid{margin-top:16px}.moon-controls{gap:18px;display:grid}.moon-controls__buttons{flex-wrap:wrap;gap:10px;display:flex}.moon-controls__primary{grid-template-columns:auto auto auto minmax(160px,1fr);align-items:center;gap:10px;display:grid}.moon-controls button,.mobile-view-switch button,.eclipse-controls button{padding:0 16px}.moon-controls button[aria-pressed=true],.mobile-view-switch button[aria-pressed=true],.eclipse-controls button[aria-pressed=true]{border-color:var(--color-link);box-shadow:inset 0 0 0 2px var(--color-link)}.moon-controls button:disabled,.eclipse-controls button:disabled{cursor:not-allowed;opacity:.62}.eclipse-controls{gap:16px;display:grid}.eclipse-controls__summary{width:fit-content;font-weight:700}.eclipse-controls__body{gap:16px;display:grid}.scrubber{gap:8px;font-weight:700;display:grid}.scrubber input{width:100%}.phase-notches{height:34px;margin:-4px 8px 0;display:block;position:relative}.phase-notch{top:0;left:var(--phase-notch-position);width:44px;min-height:34px;color:var(--color-muted);cursor:pointer;z-index:1;background:0 0;border:0;padding:0;font-size:.72rem;font-weight:800;position:absolute;translate:-50%}.phase-notch:first-child{z-index:2;translate:0}.phase-notch:last-child{z-index:2;translate:-100%}.moon-controls .phase-notch{border:0;padding:0}.phase-notch__tick{background:var(--color-link);border-radius:999px;width:2px;height:10px;margin:0 auto 3px;display:block}.phase-notch:focus-visible .phase-notch__tick,.phase-notch:hover .phase-notch__tick{box-shadow:0 0 0 4px #2f6fa72e}.phase-notch__label{pointer-events:none;white-space:nowrap;display:block}.phase-notch__label-mobile{display:none}.drag-hint{border:1px solid var(--color-border);color:var(--color-text);background:#eef4fa;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.drag-hint button{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:7px;min-height:36px}.mobile-view-switch{display:none}.route-loading{max-width:560px}.spatial-lab,.spatial-side,.spatial-controls,.spatial-summary,.spatial-readout,.spatial-mode-shell{gap:18px;display:grid}.spatial-timeline-shell{z-index:4;padding:8px 0 calc(8px + env(safe-area-inset-bottom));background:linear-gradient(#f7f8fa00 0,#f7f8faf0 18%,#f7f8fa 100%);position:sticky;bottom:0}.spatial-timeline-shell .moon-controls{gap:10px;padding:14px 16px;box-shadow:0 -12px 34px #1720261a}.spatial-timeline-shell .moon-controls h2{margin-bottom:0;font-size:1.15rem}.spatial-timeline-shell #phase-slider-help,.spatial-timeline-shell .motion-note{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.spatial-timeline-shell .moon-controls__buttons{gap:8px}.spatial-timeline-shell .moon-controls button{min-height:36px;padding:0 12px}.spatial-timeline-shell .scrubber{gap:4px}.spatial-layout{grid-template-columns:minmax(0,1.65fr) minmax(300px,.7fr);align-items:start;gap:24px;display:grid}.spatial-layout.is-comparison{grid-template-columns:minmax(0,1.25fr) minmax(300px,.62fr) minmax(300px,.65fr)}.spatial-viewport{background:var(--color-canvas);cursor:grab;touch-action:none;border-radius:8px;height:min(72svh,780px);min-height:620px;position:sticky;top:16px;overflow:hidden}.spatial-viewport:active{cursor:grabbing}.spatial-inset{z-index:1;background:#111820e0;border:1px solid #d8dde36b;border-radius:8px;gap:8px;width:min(22vw,280px);min-width:210px;padding:12px;display:grid;position:absolute;bottom:164px;right:14px}.spatial-inset--collapsed{width:min(260px,100% - 28px)}.spatial-inset--contextual{opacity:.82;width:min(170px,100% - 28px);min-width:150px}.spatial-inset__header{justify-content:space-between;align-items:start;gap:8px;display:flex}.spatial-inset h3,.spatial-comparison-panel h2{color:#f4f7fb;margin:0;font-size:.95rem}.spatial-inset p,.spatial-comparison-panel p{color:#d8dde3;margin:0;font-size:.86rem}.spatial-inset__actions{flex-wrap:wrap;gap:6px;display:flex}.spatial-inset__actions button{color:#f4f7fb;cursor:pointer;background:#111820bf;border:1px solid #d8dde373;border-radius:6px;min-height:30px;padding:3px 7px;font-size:.78rem}.spatial-disc{background:var(--color-canvas);border-radius:8px;width:100%;height:auto;display:block}.spatial-direction-cue,.spatial-terminator-label{z-index:1;color:#f4f7fb;pointer-events:none;background:#111820d1;border:1px solid #d8dde373;border-radius:999px;padding:5px 10px;font-size:.82rem;font-weight:800;position:absolute}.spatial-direction-cue--sun{color:#f7d66b;border-color:#f7d66bbd;top:14px;right:14px}.spatial-direction-cue--earth{color:#9be7ff;border-color:#9be7ffa6;top:14px;left:14px}.spatial-terminator-label{color:#fff3a6;border-style:dashed;border-color:#f7d66bd1;top:14px;left:50%;transform:translate(-50%)}.spatial-map{z-index:1;color:#d8dde3;background:#111820db;border:1px solid #d8dde36b;border-radius:8px;gap:4px;width:138px;padding:8px;font-size:.76rem;display:grid;position:absolute;bottom:164px;left:14px}.spatial-map svg{width:100%;height:auto;display:block}.spatial-map__moon{fill:#d8dde3;stroke:#111820;stroke-width:2px}.spatial-map__arc{fill:none;stroke:#d8dde3;stroke-dasharray:4 4;stroke-width:2px}.spatial-map__sun{stroke:#f7d66b;stroke-width:3px}.spatial-map__earth{stroke:#9be7ff;stroke-width:2px}.spatial-map circle.spatial-map__earth{fill:#2f8ec8;stroke:#d8dde3;stroke-width:1.5px}.spatial-map__moon-line{stroke:#d8dde3;stroke-dasharray:3 3;stroke-width:1.5px}.spatial-map__observer{fill:#fff;stroke:#111820;stroke-width:1.5px}.spatial-button-row,.spatial-control-grid,.spatial-presets,.spatial-selector{flex-wrap:wrap;gap:10px;display:flex}.spatial-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.spatial-button-row button,.spatial-control-grid button,.spatial-presets button,.spatial-selector button{border:1px solid var(--color-border);background:var(--color-surface);min-height:42px;color:var(--color-text);cursor:pointer;border-radius:8px;padding:8px 12px}.spatial-button-row button[aria-pressed=true],.spatial-control-grid button[aria-pressed=true],.spatial-presets button[aria-pressed=true],.spatial-selector button[aria-pressed=true]{border-color:var(--color-link);box-shadow:inset 0 0 0 2px var(--color-link);font-weight:700}.spatial-button-row button:disabled{cursor:not-allowed;opacity:.62}.spatial-presets{display:grid}.spatial-presets button{text-align:left;gap:4px;display:grid}.spatial-presets span{color:var(--color-muted);font-size:.9rem}.spatial-controls summary{cursor:pointer;font-weight:800}.spatial-controls[open] summary{margin-bottom:14px}.spatial-angle-marks{color:var(--color-muted);grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;font-size:.84rem;display:grid}.spatial-angle-marks strong{color:var(--color-text);text-align:center}.spatial-angle-marks span:last-child{text-align:right}.spatial-comparison-panel{background:var(--color-canvas);align-content:start;gap:14px;display:grid}.spatial-stage-status{z-index:1;color:#f4f7fb;pointer-events:none;background:#111820d6;border:1px solid #d8dde36b;border-radius:8px;flex-wrap:wrap;gap:8px 12px;max-width:calc(100% - 340px);padding:8px 10px;font-size:.85rem;display:flex;position:absolute;bottom:164px;left:14px;right:14px}.spatial-stage-status span{color:#d8dde3}.spatial-scale-notice{color:var(--color-muted);margin:0}.scale-disclosure--mobile{display:none}.site-footer__inner{color:var(--color-muted);padding:20px 0;font-size:.9rem}.skip-link{z-index:10;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:8px 12px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0)}@media (width<=820px){.site-header__inner,.dashboard{grid-template-columns:1fr}.site-header__inner{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 0}.page{padding:32px 0}.moon-lab__grid,.review-scenario-view{grid-template-columns:1fr}.mobile-view-switch{gap:10px;display:flex}.mobile-view-switch button{flex:1}.moon-lab__visual{display:none}.moon-lab__visual.is-selected{display:block}.system-view{height:56svh;min-height:340px}.moon-lab__visual--space .scale-disclosure{display:none}.scale-disclosure--mobile{display:block}.readout-grid div{grid-template-columns:1fr;gap:2px}.guided-layout,.spatial-layout,.spatial-layout.is-comparison{grid-template-columns:1fr}.spatial-viewport{height:62svh;min-height:430px;position:relative;top:auto}.spatial-inset{gap:5px;width:min(150px,100% - 16px);min-width:0;padding:6px;top:96px;bottom:auto;right:8px}.spatial-inset--large{width:min(190px,100% - 16px);max-height:calc(100% - 52px);top:44px;overflow:auto}.spatial-inset h3{font-size:.82rem}.spatial-inset p{font-size:.74rem}.spatial-inset__header{gap:4px}.spatial-inset__actions button{min-height:26px;padding:2px 5px;font-size:.7rem}.spatial-map{width:112px;padding:6px;top:168px;bottom:auto;left:10px}.spatial-stage-status{max-width:calc(100% - 174px);padding:6px 7px;font-size:.72rem;inset:312px auto auto 8px}.spatial-timeline-shell .moon-controls{padding:12px}.spatial-timeline-shell .moon-controls h2{font-size:1rem}.spatial-timeline-shell .moon-controls button{min-height:34px;padding:0 10px}.spatial-timeline-shell .moon-controls__buttons{flex-wrap:nowrap;padding-bottom:3px;overflow-x:auto}.spatial-timeline-shell .moon-controls__buttons button{flex:none}.spatial-direction-cue{padding:4px 7px;font-size:.74rem}.spatial-terminator-label{text-align:center;max-width:calc(100% - 24px);top:46px}.spatial-control-grid,.spatial-angle-marks{grid-template-columns:1fr}.spatial-angle-marks strong,.spatial-angle-marks span:last-child{text-align:left}.guided-panel,.guided-layout--observe-crescent .guided-visual{order:1}.guided-visual,.guided-layout--observe-crescent .guided-panel{order:2}.guided-layout--observe-crescent{flex-direction:column;display:flex}.prediction-options label{grid-template-columns:auto auto 1fr}}.spatial-observer-note{z-index:2;color:#f4f7fbbd;pointer-events:none;background:#09152294;border:1px solid #d8dde347;border-radius:8px;max-width:min(340px,100% - 28px);margin:0;padding:7px 9px;font-size:.78rem;line-height:1.35;position:absolute;top:96px;right:14px}.moon-lab--spatial-active .page__intro{gap:6px}.moon-lab--spatial-active .page__intro h1{font-size:clamp(1.55rem,3vw,2.35rem)}.moon-lab--spatial-active .page__intro>p:last-child{max-width:720px;margin:0;font-size:.96rem}.moon-lab--spatial-active .mode-selector{margin-bottom:0}.spatial-summary{box-shadow:none;background:0 0;border:0;justify-content:space-between;align-items:end;gap:14px;padding:0;display:flex}.spatial-summary h2,.spatial-summary p{margin:0}.spatial-summary h2{font-size:1.2rem}.spatial-summary .scale-disclosure{border:1px solid var(--color-border);background:var(--color-surface);max-width:390px;color:var(--color-muted);border-radius:8px;padding:8px 10px}.spatial-layout,.spatial-layout.is-comparison{grid-template-columns:1fr}.spatial-viewport{isolation:isolate;height:min(72svh,820px);min-height:620px;position:relative;top:auto}.spatial-floating-panel{z-index:2;color:#f4f7fb;background:#111820db;border:1px solid #d8dde36b;border-radius:8px;padding:8px;position:absolute;box-shadow:0 18px 40px #0000002e}.spatial-reference-panel{flex-wrap:wrap;gap:8px;max-width:min(180px,100% - 24px);display:flex;top:12px;left:12px}.spatial-scale-panel{max-width:min(500px,100% - 24px);top:12px;right:12px}.spatial-overlays-panel{max-width:min(320px,100% - 24px);bottom:84px;left:12px}.spatial-scale-journey{gap:8px;width:min(340px,100% - 24px);display:grid;top:220px;bottom:auto;right:12px}.spatial-scale-journey p{margin:0;font-size:.84rem}.spatial-scale-journey--full-system{z-index:2;flex-wrap:nowrap;grid-template-columns:1fr;gap:6px;width:min(720px,100% - 24px);padding:7px 9px;top:76px;left:12px;right:auto;overflow:visible}.spatial-scale-journey--full-system p{font-size:.72rem;line-height:1.32}.spatial-scale-facts{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:8px;display:grid}.spatial-scale-facts dl{margin:0;display:contents}.spatial-scale-facts div{min-width:0}.spatial-scale-facts dt{color:#f4f7fbb8;letter-spacing:.02em;text-transform:uppercase;font-size:.62rem;font-weight:800}.spatial-scale-facts dd{color:#f4f7fb;margin:2px 0 0;font-size:.72rem;font-weight:800;line-height:1.25}.spatial-scale-journey--full-system .spatial-button-row{justify-content:flex-start;gap:6px}.spatial-scale-journey--full-system .spatial-button-row button{min-height:28px;padding:3px 7px}.spatial-floating-panel summary{cursor:pointer;font-weight:800}.spatial-floating-panel .overlay-controls{margin-top:8px}.spatial-floating-panel .spatial-selector button,.spatial-floating-panel>button,.spatial-floating-panel .spatial-button-row button,.spatial-floating-panel .overlay-controls button{color:#f4f7fb;background:#f4f7fb17;border-color:#d8dde37a;min-height:34px;padding:6px 9px}.spatial-floating-panel .spatial-selector button[aria-pressed=true],.spatial-floating-panel .overlay-controls button[aria-pressed=true]{border-color:#9bd6ff;box-shadow:inset 0 0 0 2px #9bd6ff}.spatial-stage-status{z-index:2;max-width:min(520px,100% - 24px);bottom:16px;left:12px;right:auto}.spatial-scene-instruction{z-index:2;color:#f4f7fb;pointer-events:none;background:#0915228a;border:1px solid #d8dde342;border-radius:8px;margin:0;padding:6px 9px;font-size:.82rem;font-weight:800;position:absolute;top:72px;left:12px}.spatial-earth-hit-target{z-index:3;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;width:50px;height:50px;padding:0;position:absolute;top:48%;left:43%;translate:-50% -50%}.spatial-earth-hit-target:focus-visible,.spatial-earth-hit-target:hover{border-color:#9bd6ffd1;box-shadow:0 0 0 3px #9bd6ff33}.spatial-return-space{z-index:3;color:#f4f7fb;background:#111820b8;border:1px solid #d8dde37a;border-radius:50%;width:34px;min-height:34px;padding:0;font-weight:900;position:absolute;top:12px;left:12px}.spatial-lab[data-viewpoint=observer] .spatial-reference-panel,.spatial-lab[data-viewpoint=observer] .spatial-scale-panel,.spatial-lab[data-viewpoint=observer] .spatial-discovery-row,.spatial-lab[data-viewpoint=observer] .spatial-observer-note{display:none}.spatial-discovery-row{z-index:3;gap:6px;display:flex;position:absolute;top:72px;right:12px}.spatial-info-button{color:#f4f7fb;background:#111820b8;border:1px solid #d8dde37a;border-radius:50%;width:28px;min-height:28px;padding:0;font-weight:900}.spatial-discovery-panel{z-index:4;color:#f4f7fb;background:#111820eb;border:1px solid #d8dde36b;border-radius:8px;width:min(380px,100% - 24px);padding:10px;position:absolute;top:108px;right:12px;box-shadow:0 18px 40px #0000002e}.spatial-discovery-panel__header{justify-content:space-between;align-items:start;gap:10px;display:flex}.spatial-discovery-panel p{color:#f4f7fbd1;margin-top:8px;font-size:.82rem;line-height:1.4}.spatial-discovery-panel button{min-height:28px;padding:0 8px}.spatial-observer-status{z-index:2;color:#d8f0ff;pointer-events:none;background:#07152ad1;border:1px solid #9bd6ff8a;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:800;position:absolute;bottom:16px;right:12px}.spatial-inset{z-index:2;width:clamp(170px,18vw,260px);min-width:150px;padding:8px;top:108px;bottom:auto;right:12px}.spatial-inset--large{width:min(300px,100% - 24px)}.spatial-inset--collapsed{width:clamp(140px,14vw,180px);top:112px;bottom:auto}.spatial-inset--contextual{opacity:.76;width:min(132px,100% - 24px);min-width:118px;bottom:54px;right:12px}.spatial-inset--contextual .spatial-disc{display:none}.spatial-inset__actions button{min-width:30px;padding:2px 6px}.spatial-timeline-shell .moon-controls{grid-template-columns:auto minmax(0,1fr);align-items:center}.spatial-timeline-shell .moon-controls__primary{grid-column:1/-1}.spatial-timeline-shell .moon-controls__buttons{flex-wrap:nowrap;grid-column:1/-1;padding-bottom:3px;overflow-x:auto}.spatial-timeline-shell .moon-controls__buttons button{flex:none}@media (width<=760px){.moon-lab--spatial-active{width:min(100% - 12px,100%);padding-top:10px}.moon-lab--spatial-active .page__intro{gap:4px}.moon-lab--spatial-active .page__intro>p:last-child{display:none}.spatial-summary{gap:6px;display:grid}.spatial-summary .scale-disclosure{max-width:100%;padding:6px 8px;font-size:.82rem}.spatial-viewport{height:58svh;min-height:408px}.spatial-reference-panel{max-width:none;padding:6px;display:flex;top:6px;left:8px;right:auto}.spatial-scale-panel{max-width:none;padding:6px;top:58px;left:8px;right:8px}.spatial-scale-panel .spatial-selector{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.spatial-floating-panel .spatial-selector button,.spatial-floating-panel>button,.spatial-floating-panel .spatial-button-row button,.spatial-floating-panel .overlay-controls button{min-height:30px;padding:4px 5px;font-size:.72rem}.spatial-reference-panel>button{width:78px}.spatial-inset{width:clamp(82px,23vw,92px);min-width:82px;padding:5px;top:112px;bottom:auto;right:8px;overflow:hidden}.spatial-inset--large{width:min(190px,100% - 16px)}.spatial-inset--contextual{width:96px;min-width:96px;top:auto;bottom:46px}.spatial-inset h3{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.spatial-inset p{white-space:nowrap;font-size:.68rem}.spatial-inset .spatial-disc{margin:0 auto;width:min(68px,100%)!important;height:min(68px,100%)!important}.spatial-inset__actions button{min-width:24px;min-height:22px;font-size:.68rem}.spatial-stage-status{max-width:calc(100% - 112px);padding:6px 7px;font-size:.72rem;top:auto;bottom:8px;left:8px}.spatial-scene-instruction{font-size:.7rem;top:100px;left:8px;right:auto}.spatial-earth-hit-target{width:52px;height:52px}.spatial-discovery-row{top:100px;right:8px}.spatial-discovery-panel{width:min(330px,100% - 16px);max-height:calc(100% - 210px);top:136px;right:8px;overflow:auto}.spatial-scale-journey,.spatial-overlays-panel{display:none}.spatial-scale-journey--full-system{gap:6px;width:auto;max-height:calc(100% - 270px);padding:7px;display:grid;top:104px;left:8px;right:8px;overflow:auto}.spatial-scale-facts dl{grid-template-columns:1fr;gap:5px;display:grid}.spatial-scale-facts dt{font-size:.62rem}.spatial-scale-facts dd,.spatial-scale-facts p{font-size:.68rem;line-height:1.22}.spatial-scale-journey--full-system .spatial-button-row{flex-wrap:nowrap;overflow-x:auto}.spatial-scale-journey--full-system .spatial-button-row button{flex:none;min-height:26px;padding:3px 6px;font-size:.68rem}.spatial-observer-note{max-width:calc(100% - 16px);padding:4px 6px;font-size:.64rem;line-height:1.15;top:32px;left:8px;right:8px}.spatial-observer-status{padding:5px 7px;font-size:.7rem;bottom:8px;right:8px}.moon-controls__primary,.spatial-timeline-shell .moon-controls__primary{grid-template-columns:auto auto auto minmax(0,1fr);gap:6px;min-width:0}.spatial-timeline-shell .moon-controls{padding:10px 8px}.spatial-timeline-shell .moon-controls button{min-height:32px;padding:0 8px}.spatial-timeline-shell .scrubber{min-width:0}.spatial-timeline-shell .scrubber span{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.phase-notch{width:38px;font-size:.64rem}.phase-notch__label-full{display:none}.phase-notch__label-mobile{display:inline}}.app-shell--immersive .spatial-title-chip{min-height:0;padding:5px 7px}.app-shell--immersive .spatial-title-chip h2{font-size:.78rem}.app-shell--immersive .spatial-title-chip p{font-size:.66rem}.app-shell--immersive .spatial-scene-instruction{max-width:min(240px,100% - 20px);padding:5px 8px;font-size:.68rem;top:54px}.spatial-hud{max-height:none;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:#091522d6;grid-template-columns:minmax(130px,.75fr) 30px 30px 30px minmax(180px,1fr) auto;grid-template-areas:"status prev play next slider utilities""phases phases phases phases phases scales";align-items:center;gap:5px 7px;display:grid}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.spatial-hud{background:#091522c7}}.spatial-hud__status{grid-area:status;font-size:.72rem;font-weight:650}.spatial-hud .scrubber input[type=range]{height:22px}.spatial-discovery-panel,.spatial-shortcuts__panel{width:min(360px,100vw - 22px);max-height:min(52svh,320px);overflow:auto}@media (width>=700px) and (height<=500px){.spatial-hud{padding:5px 7px calc(5px + env(safe-area-inset-bottom));grid-template-columns:minmax(130px,.7fr) 28px 28px 28px minmax(160px,1fr) auto;gap:4px 6px}.spatial-hud .moon-controls__primary>button,.spatial-icon-button,.spatial-selector button{min-height:28px}.spatial-hud .moon-controls__primary>button,.spatial-icon-button{min-width:28px}.spatial-hud .phase-icon-button.phase-tick,.spatial-hud .phase-icon-button.phase-tick:first-child,.spatial-hud .phase-icon-button.phase-tick:last-child{min-height:27px}.spatial-hud .phase-icon{width:19px;height:19px}.spatial-selector button{min-width:62px;padding-inline:5px;font-size:.62rem}}@media (width<=520px) and (height>=560px){.spatial-hud{right:max(4px, env(safe-area-inset-right));left:max(4px, env(safe-area-inset-left));padding:6px 6px calc(6px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) 28px 28px 28px;grid-template-areas:"status utilities utilities utilities""prev play next slider""phases phases phases phases""scales scales scales scales";gap:4px}.spatial-hud__status{font-size:.66rem}.spatial-hud__secondary{gap:4px}.spatial-hud .moon-controls__primary>button,.spatial-icon-button,.spatial-selector button{min-height:30px}.spatial-hud .moon-controls__primary>button,.spatial-icon-button{min-width:28px}.spatial-hud .phase-icon-button.phase-tick,.spatial-hud .phase-icon-button.phase-tick:first-child,.spatial-hud .phase-icon-button.phase-tick:last-child{min-height:28px}.spatial-hud .phase-icon{width:19px;height:19px}.spatial-selector{width:100%}.spatial-selector button{min-width:0;font-size:.62rem}.spatial-discovery-panel,.spatial-shortcuts__panel{width:min(342px,100vw - 10px)}}@media (resolution>=1.5x) and (width<=260px){.app-shell--immersive{height:auto;min-height:100svh;overflow:hidden auto}.app-shell--immersive .site-header__inner{flex-wrap:wrap;row-gap:2px;padding-block:3px}.app-shell--immersive .brand{white-space:normal}}.spatial-mode-shell{display:block}.spatial-lab{--spatial-header-height:50px;--spatial-sidebar-width:clamp(288px, 22vw, 320px);grid-template-rows:var(--spatial-header-height) minmax(0, 1fr);border:1px solid var(--color-border);background:var(--color-canvas);border-radius:8px;gap:0;min-height:calc(100svh - 138px);display:grid;position:relative;overflow:hidden}.spatial-header{z-index:5;min-height:var(--spatial-header-height);color:#f4f7fb;background:#111820;border-bottom:1px solid #d8dde32e;justify-content:space-between;align-items:center;gap:12px;padding:0 12px 0 16px;display:flex}.spatial-header h2,.spatial-header p{margin:0}.spatial-header h2{font-size:1rem;line-height:1.1}.spatial-header p{color:#d8dde3;font-size:.86rem;line-height:1.2}.spatial-drawer-toggle{color:#f4f7fb;cursor:pointer;background:#f4f7fb14;border:1px solid #d8dde36b;border-radius:7px;min-height:34px;padding:0 10px;font-weight:800;display:none}.spatial-layout,.spatial-layout.is-comparison{grid-template-columns:var(--spatial-sidebar-width) minmax(0, 1fr);align-items:stretch;gap:0;min-height:0;display:grid}.spatial-sidebar{z-index:4;min-width:0;max-height:calc(100svh - var(--spatial-header-height) - 138px);background:#f7f8fa;border-right:1px solid #d8dde32e;align-content:start;gap:14px;padding:14px;display:grid;overflow:auto}.spatial-sidebar__mobile-head{display:none}.spatial-sidebar__section,.spatial-sidebar .moon-controls,.spatial-scale-note{border:1px solid var(--color-border);background:var(--color-surface);box-shadow:none;border-radius:8px;gap:10px;padding:12px;display:grid}.spatial-sidebar h3,.spatial-sidebar .moon-controls h2,.spatial-scale-note p,.spatial-scale-facts{margin:0}.spatial-sidebar h3,.spatial-sidebar .moon-controls h2{font-size:.92rem;line-height:1.2}.spatial-sidebar .moon-controls{gap:10px}.spatial-sidebar #phase-slider-help,.spatial-sidebar .motion-note{color:var(--color-muted);margin:4px 0 0;font-size:.82rem}.spatial-sidebar .moon-controls__primary{grid-template-columns:repeat(3,minmax(0,auto));gap:8px;display:grid}.spatial-sidebar .scrubber{grid-column:1/-1;min-width:0}.scrubber__readout{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.scrubber__readout label{overflow-wrap:anywhere;min-width:0}.spatial-sidebar .phase-notches{margin-inline:18px}.spatial-selector{gap:8px;display:grid}.spatial-selector button,.spatial-action-button,.spatial-discovery-trigger,.spatial-sidebar .moon-controls button{border:1px solid var(--color-border);background:var(--color-surface);min-height:36px;color:var(--color-text);cursor:pointer;border-radius:7px;padding:6px 9px;font-weight:700}.spatial-selector button[aria-pressed=true]{border-color:var(--color-link);box-shadow:inset 0 0 0 2px var(--color-link)}.spatial-info-button--inline{border-radius:50%;flex:none;width:28px;min-height:28px;padding:0}.spatial-discovery-trigger{text-align:left;justify-content:space-between;align-items:center;display:flex}.spatial-discovery-panel{width:auto;color:var(--color-text);box-shadow:none;background:#eef4fa;border:1px solid #cbd6e2;border-radius:8px;padding:10px;position:static}.spatial-discovery-panel h3,.spatial-discovery-panel p{margin:0}.spatial-discovery-panel p{color:var(--color-muted);font-size:.84rem;line-height:1.45}.spatial-discovery-panel p+p{margin-top:8px}.spatial-scale-facts{grid-template-columns:1fr;gap:8px;display:grid}.spatial-scale-facts dt{color:var(--color-muted);text-transform:uppercase;font-size:.72rem;font-weight:800}.spatial-scale-facts dd{color:var(--color-text);margin:2px 0 0;font-size:.86rem;font-weight:800}.spatial-viewport{border-radius:0;height:auto;min-height:0;position:relative;top:auto}.spatial-scene-instruction{background:#0915229e;border-radius:999px;font-size:.78rem;top:12px;left:12px}.spatial-earth-hit-target{border:1px solid #0000;translate:-50% -50%}.spatial-stage-status{max-width:min(520px,100% - 24px);bottom:12px;left:12px}.spatial-return-space{border-radius:999px;width:auto;min-width:44px;padding:0 10px;font-size:.78rem}.spatial-observer-note{top:58px}.spatial-timeline-shell,.spatial-floating-panel,.spatial-discovery-row{display:none}@media (width<=760px){.spatial-lab{min-height:calc(100svh - 112px)}.spatial-layout,.spatial-layout.is-comparison{grid-template-columns:1fr}.spatial-drawer-toggle{align-items:center;display:inline-flex}.spatial-sidebar{top:var(--spatial-header-height);border-right:1px solid var(--color-border);width:min(88vw,336px);max-height:none;transition:transform .16s ease-out;position:absolute;bottom:0;left:0;transform:translate(-105%);box-shadow:18px 0 36px #0000003d}.spatial-sidebar.is-open{transform:translate(0)}.spatial-sidebar__mobile-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.spatial-sidebar__mobile-head button{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:7px;min-height:34px;padding:0 10px}.spatial-drawer-scrim{inset:var(--spatial-header-height) 0 0;z-index:3;background:#00000047;border:0;position:absolute}.has-drawer-open .spatial-viewport{pointer-events:none}.spatial-viewport{height:auto;min-height:0}.spatial-header{padding-inline:10px}.spatial-header h2{font-size:.94rem}.spatial-header p{font-size:.78rem}.spatial-stage-status{max-width:none;bottom:8px;left:8px;right:8px}.spatial-scene-instruction{max-width:calc(100% - 16px);top:10px;left:8px}}.site-header__inner{min-height:50px}.site-nav{gap:14px}.page{padding:10px 0 18px}.moon-lab{gap:0}.moon-lab--spatial-active{width:min(1480px,100% - 12px);padding-top:6px}.moon-lab--spatial-active .page__intro,.moon-lab--spatial-active .mode-selector{display:none}.spatial-lab{--spatial-header-height:48px;--spatial-sidebar-width:clamp(276px, 20vw, 310px);min-height:calc(100svh - 96px)}.spatial-header{min-height:48px;padding-inline:14px 10px}.spatial-header h2{font-size:.98rem}.spatial-sidebar{gap:10px;max-height:calc(100svh - 144px);padding:10px}.spatial-sidebar__section,.spatial-sidebar .moon-controls,.spatial-scale-note{border:0;border-top:1px solid var(--color-border);border-radius:0;gap:8px;padding:10px 0 0}.spatial-sidebar__mobile-head+.spatial-sidebar__section,.spatial-sidebar>.spatial-sidebar__section:first-of-type{border-top:0;padding-top:0}.spatial-sidebar h3,.spatial-sidebar .moon-controls h2{margin:0;font-size:.86rem}.spatial-selector{gap:6px}.spatial-selector button,.spatial-action-button,.spatial-discovery-trigger,.spatial-sidebar .moon-controls button{min-height:34px;padding:5px 8px}.spatial-sidebar .moon-controls__primary{grid-template-columns:1fr .62fr .62fr;gap:6px}.spatial-sidebar .moon-controls__primary>button{min-height:38px}.spatial-sidebar .scrubber{gap:6px}.scrubber__period{color:var(--color-muted);justify-content:space-between;align-items:center;gap:8px;font-size:.8rem;font-weight:800;display:flex}.scrubber__value{color:var(--color-text);font-size:.95rem;font-weight:800;display:block}.spatial-sidebar .scrubber input[type=range]{height:28px;accent-color:var(--color-link);cursor:pointer;margin:0}.phase-timeline{height:34px;margin-inline:10px;display:block;position:relative}.phase-timeline:before{content:"";background:#cbd6e2;height:1px;position:absolute;top:5px;left:0;right:0}.phase-tick{top:-15px;left:var(--phase-notch-position);width:42px;min-height:40px;color:var(--color-muted);cursor:pointer;z-index:1;background:0 0;border:0;padding:0;font-size:.7rem;font-weight:800;position:absolute;translate:-50%}.phase-tick:first-child{z-index:2;translate:-8px}.phase-tick:last-child{z-index:2;translate:calc(8px - 100%)}.phase-tick__mark{background:var(--color-link);border-radius:50%;width:6px;height:6px;margin:17px auto 3px;display:block}.phase-tick:hover .phase-tick__mark,.phase-tick:focus-visible .phase-tick__mark{box-shadow:0 0 0 5px #0b5cad2e}.phase-tick__label{pointer-events:none;white-space:nowrap;display:block}.phase-tick__label-mobile,.phase-notches,.phase-notch{display:none}.spatial-info-button--inline{background:var(--color-surface);color:var(--color-link)}.spatial-scale-note p{color:var(--color-muted);font-size:.82rem;line-height:1.35}.spatial-discovery-panel{padding:8px}.spatial-discovery-panel p{font-size:.8rem}.spatial-moon-locator{z-index:3;pointer-events:none;background:0 0;border:1.5px solid #f4f7fb;border-radius:50%;width:22px;height:22px;position:absolute;translate:-50% -50%;box-shadow:0 0 0 2px #090d1499}.spatial-moon-locator span{color:#f4f7fb;text-shadow:0 1px 4px #000000e6;font-size:.68rem;font-weight:800;line-height:1;position:absolute;top:50%;left:calc(100% + 5px);transform:translateY(-50%)}@media (width<=760px){.site-header__inner{flex-direction:row;align-items:center;gap:10px;min-height:50px;padding:0}.brand{font-size:.86rem}.site-nav{gap:10px;font-size:.82rem}.moon-lab--spatial-active{width:calc(100% - 8px);padding-top:4px}.spatial-lab{min-height:calc(100svh - 84px)}.spatial-sidebar{gap:9px;width:min(90vw,334px);padding:10px}.spatial-sidebar__mobile-head button{min-width:62px}.phase-tick{width:34px;font-size:.64rem}.phase-tick__label-full{display:none}.phase-tick__label-mobile{display:inline}.spatial-moon-locator span{display:none}}.phase-timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;height:auto;margin:2px 0 0;display:grid;position:static}.phase-timeline:before,.phase-tick__mark{display:none}.phase-icon-button.phase-tick,.phase-icon-button.phase-tick:first-child,.phase-icon-button.phase-tick:last-child{border:1px solid var(--color-border);background:var(--color-surface);width:100%;min-width:0;min-height:40px;color:var(--color-text);z-index:auto;border-radius:7px;place-items:center;padding:3px;display:inline-grid;position:static;translate:none}.phase-icon-button[aria-pressed=true]{border-color:var(--color-link);box-shadow:inset 0 0 0 2px var(--color-link)}.phase-icon-button:focus-visible{outline-offset:2px;outline:3px solid #0b5cad6b}.phase-icon{width:25px;height:25px;display:block}.phase-icon__disc{fill:#111820}.phase-icon__light{fill:#eef2f6}.phase-icon__rim{fill:none;stroke:#7b8794;stroke-width:1.5px}.phase-icon-button .phase-tick__label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.spatial-moon-hit-target{z-index:6;cursor:grab;touch-action:none;pointer-events:auto;background:0 0;border:1px solid #0000;border-radius:50%;padding:0;position:absolute;translate:-50% -50%}.spatial-moon-hit-target.is-learning-scale:hover,.spatial-moon-hit-target.is-learning-scale:focus-visible{border-color:#f4f7fbb3;outline:none;box-shadow:0 0 0 4px #f4f7fb24}.spatial-lab[data-scale-mode=full-system] .spatial-viewport,.spatial-lab[data-scale-mode=full-system] .spatial-viewport:active{cursor:default}.spatial-moon-hit-target.is-dragging,.spatial-moon-hit-target:active{cursor:grabbing}.spatial-callout{left:var(--callout-x);top:var(--callout-y);z-index:4;color:#f4f7fb;pointer-events:none;text-shadow:0 1px 4px #000000eb;grid-template-columns:auto 24px 6px;align-items:center;gap:4px;font-size:.72rem;font-weight:900;line-height:1;display:grid;position:absolute}.spatial-callout__label{white-space:nowrap;background:#091522c2;border:1px solid #f4f7fb3d;border-radius:5px;max-width:132px;padding:5px 6px;display:block}.spatial-callout__leader{background:#f4f7fb;height:1px;display:block}.spatial-callout__tip{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid #f4f7fb;width:0;height:0}.spatial-callout--earth{translate:-100% -28px}.spatial-callout--moon{translate:-4px -32px}.spatial-callout--sun{translate:-100% -42px}.spatial-callout--earth-moon-system{translate:-8px 18px}.spatial-callout--moon,.spatial-callout--earth-moon-system{grid-template-columns:6px 24px auto}.spatial-callout--moon .spatial-callout__label,.spatial-callout--earth-moon-system .spatial-callout__label{grid-area:1/3}.spatial-callout--moon .spatial-callout__leader,.spatial-callout--earth-moon-system .spatial-callout__leader{grid-area:1/2}.spatial-callout--moon .spatial-callout__tip,.spatial-callout--earth-moon-system .spatial-callout__tip{grid-area:1/1;rotate:180deg}.spatial-quick-hint{z-index:4;color:#f4f7fb;pointer-events:none;background:#091522b8;border:1px solid #d8dde342;border-radius:999px;max-width:min(360px,100% - 24px);margin:0;padding:8px 11px;font-size:.78rem;font-weight:800;line-height:1.25;position:absolute;top:12px;right:12px}.spatial-shortcuts{z-index:5;position:absolute;bottom:12px;right:12px}.spatial-shortcuts__button{color:#f4f7fb;cursor:pointer;background:#111820c7;border:1px solid #d8dde36b;border-radius:50%;width:38px;min-height:38px;font-weight:900}.spatial-shortcuts__button:focus-visible{outline-offset:2px;outline:3px solid #f4f7fb6b}.spatial-shortcuts__panel{color:#f4f7fb;background:#111820f0;border:1px solid #d8dde33d;border-radius:8px;width:min(280px,100vw - 28px);padding:12px;position:absolute;bottom:46px;right:0;box-shadow:0 12px 28px #00000047}.spatial-shortcuts__panel div{grid-template-columns:minmax(96px,auto) 1fr;align-items:baseline}.spatial-shortcuts__panel dd{color:#d8dde3;margin:0;font-size:.82rem}@media (width<=760px){.phase-timeline{grid-template-columns:repeat(4,minmax(42px,1fr))}.spatial-stage-status{max-width:calc(100% - 66px);right:54px}.spatial-quick-hint{text-align:center;border-radius:8px;top:48px;left:8px;right:8px}.spatial-shortcuts{bottom:8px;right:8px}.spatial-callout{grid-template-columns:auto 16px 6px;font-size:.66rem}.spatial-callout__label{max-width:118px;padding:4px 5px}.spatial-callout--earth{translate:-100% -24px}.spatial-callout--moon{translate:-4px -26px}.spatial-callout--sun{translate:-100% -28px}.spatial-callout--earth-moon-system{translate:-8px 14px}.spatial-lab[data-scale-mode=full-system] .spatial-callout--sun{left:max(10px, min(calc(100% - 132px), var(--callout-x)));top:max(54px, min(calc(100% - 72px), var(--callout-y)));translate:0 -28px}.spatial-lab[data-scale-mode=full-system] .spatial-callout--earth-moon-system{left:max(10px, min(calc(100% - 150px), var(--callout-x)));top:max(54px, min(calc(100% - 72px), var(--callout-y)));translate:0 14px}.spatial-callout--moon,.spatial-callout--earth-moon-system{grid-template-columns:6px 16px auto}}.app-shell--immersive{grid-template-rows:auto 1fr;height:100svh;min-height:100svh;overflow:hidden}.app-shell--immersive main{min-height:0;overflow:hidden}.app-shell--immersive .site-header__inner{width:min(1480px,100% - 20px);min-height:44px}.app-shell--immersive .brand{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:clamp(.78rem,2.6vw,.98rem);line-height:1;overflow:hidden}.app-shell--immersive .site-nav a{align-items:center;min-height:36px;display:inline-flex}.app-shell--immersive .moon-lab--spatial-active{width:100%;height:100%;min-height:0;padding:0}.app-shell--immersive .spatial-mode-shell{height:100%;min-height:0}.app-shell--immersive .spatial-lab{--spatial-hud-height:168px;border:0;border-radius:0;width:100%;height:100%;min-height:0;display:block}.app-shell--immersive .spatial-layout,.app-shell--immersive .spatial-layout.is-comparison{width:100%;height:100%;min-height:0;display:block}.app-shell--immersive .spatial-header,.app-shell--immersive .spatial-sidebar,.app-shell--immersive .spatial-drawer-toggle,.app-shell--immersive .spatial-drawer-scrim{display:none}.app-shell--immersive .spatial-viewport{touch-action:none;background:#090d14;border-radius:0;width:100%;height:100%;min-height:0;overflow:hidden}.app-shell--immersive .spatial-viewport canvas{display:block}.spatial-title-chip{z-index:5;color:#f4f7fb;pointer-events:none;background:#091522b8;border:1px solid #f4f7fb33;border-radius:7px;max-width:min(320px,100% - 20px);padding:7px 9px;position:absolute;top:10px;left:10px}.spatial-title-chip h2,.spatial-title-chip p{margin:0}.spatial-title-chip h2{font-size:.88rem;line-height:1.05}.spatial-title-chip p{color:#d8dde3;font-size:.72rem;line-height:1.2}.app-shell--immersive .spatial-stage-status{display:none}.app-shell--immersive .spatial-scene-instruction{max-width:min(330px,100% - 20px);top:62px;left:10px}.app-shell--immersive .spatial-quick-hint{max-width:min(390px,100% - 345px);top:10px;right:10px}.spatial-orientation-hint{z-index:8;color:#f4f7fb;pointer-events:auto;background:#091522d6;border:1px solid #f4f7fb3d;border-radius:999px;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:7px 8px 7px 12px;font-size:.76rem;font-weight:800;line-height:1.2;display:flex;position:absolute;top:64px;left:50%;translate:-50%}.spatial-orientation-hint button{color:#f4f7fb;cursor:pointer;background:#f4f7fb1a;border:1px solid #f4f7fb3d;border-radius:50%;place-items:center;width:26px;min-width:26px;min-height:26px;padding:0;display:inline-grid}.spatial-hud{right:max(10px, env(safe-area-inset-right));bottom:0;left:max(10px, env(safe-area-inset-left));z-index:10;color:#f4f7fb;max-height:min(42svh,210px);padding:8px 9px calc(8px + env(safe-area-inset-bottom));pointer-events:auto;background:#091522e8;border:1px solid #f4f7fb3d;border-bottom:0;border-radius:8px 8px 0 0;gap:7px;display:grid;position:absolute;box-shadow:0 -10px 26px #00000038}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.spatial-hud{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#091522c2}}.spatial-hud__topline,.spatial-hud__secondary,.spatial-hud__bottom{align-items:center;gap:7px;min-width:0;display:flex}.spatial-hud__topline{justify-content:space-between}.spatial-hud__status{color:#f4f7fb;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:.78rem;font-weight:800;line-height:1.2;overflow:hidden}.spatial-hud .moon-controls{box-shadow:none;background:0 0;border:0;grid-template-columns:minmax(0,1fr);gap:6px;padding:0;display:grid}.spatial-hud .moon-controls h2,.spatial-hud #phase-slider-help,.spatial-hud .scrubber__period label,.spatial-hud .scrubber__value,.spatial-hud .motion-note{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.spatial-hud .moon-controls__primary{grid-template-columns:34px 34px 34px minmax(150px,1fr);align-items:center;gap:7px;display:grid}.spatial-hud .moon-controls__primary>button,.spatial-icon-button,.spatial-selector button{color:#f4f7fb;cursor:pointer;background:#f4f7fb17;border:1px solid #f4f7fb42;border-radius:7px;min-height:34px;font-weight:900}.spatial-hud .moon-controls__primary>button{place-items:center;min-width:34px;padding:0;font-size:1.02rem;display:inline-grid}.spatial-icon-button{place-items:center;width:34px;min-width:34px;padding:0;display:inline-grid}.spatial-icon-button--wide{width:auto;min-width:54px;padding:0 8px;font-size:.72rem}.spatial-hud button[aria-pressed=true],.spatial-hud .phase-icon-button[aria-pressed=true]{border-color:#f8d36c;box-shadow:inset 0 0 0 1px #f8d36c}.spatial-hud button:focus-visible,.spatial-hud input:focus-visible{outline-offset:2px;outline:3px solid #f8d36cc7}.spatial-hud .scrubber{grid-template-columns:minmax(0,1fr);gap:4px;min-width:0;display:grid}.spatial-hud .scrubber input[type=range]{accent-color:#f8d36c;cursor:pointer;width:100%;height:28px;margin:0}.spatial-hud .phase-timeline{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;height:auto;margin:0;display:grid}.spatial-hud .phase-icon-button.phase-tick,.spatial-hud .phase-icon-button.phase-tick:first-child,.spatial-hud .phase-icon-button.phase-tick:last-child{background:#f4f7fb14;border-color:#f4f7fb38;min-height:32px;padding:2px}.spatial-hud .phase-icon__disc{fill:#03070d}.spatial-hud .phase-icon__light{fill:#f4f7fb}.spatial-hud .phase-icon__rim{stroke:#f4f7fb9e}.spatial-hud__bottom{justify-content:flex-end}.spatial-selector{grid-template-columns:repeat(3,minmax(0,auto));gap:5px;display:inline-grid}.spatial-selector button{min-width:84px;padding:0 9px;font-size:.72rem}.spatial-scale-label--short{display:none}.spatial-discovery-panel,.spatial-hud .spatial-scale-note,.spatial-shortcuts__panel{color:#f4f7fb;background:#091522f5;border:1px solid #f4f7fb3d;border-radius:8px;width:min(340px,100vw - 22px);padding:10px;position:absolute;top:auto;bottom:calc(100% + 8px);right:0;box-shadow:0 12px 28px #0000004d}.spatial-discovery-panel{max-height:min(54svh,340px);top:auto;overflow:auto}.spatial-hud .spatial-scale-note{right:44px}.spatial-discovery-panel h3,.spatial-discovery-panel p,.spatial-hud .spatial-scale-note p,.spatial-hud .spatial-scale-facts{margin:0}.spatial-discovery-panel p,.spatial-hud .spatial-scale-note p,.spatial-shortcuts__panel dd{color:#d8dde3;font-size:.8rem;line-height:1.35}.spatial-discovery-panel .spatial-scale-note{width:auto;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;position:static;bottom:auto;right:auto}.spatial-hud .spatial-scale-facts dt{color:#aeb8c3}.spatial-hud .spatial-scale-facts dd{color:#f4f7fb}.spatial-shortcuts__panel dl,.spatial-shortcuts__panel div{gap:6px;margin:0;display:grid}.spatial-shortcuts__panel div{grid-template-columns:minmax(92px,auto) 1fr}.spatial-shortcuts__panel dt{font-weight:900}@media (width<=760px){.app-shell--immersive .site-header__inner{gap:8px;width:calc(100% - 14px);min-height:42px}.app-shell--immersive .site-nav{flex:none;font-size:.8rem}.app-shell--immersive .spatial-scene-instruction{font-size:.72rem;top:58px}.app-shell--immersive .spatial-quick-hint{text-align:left;border-radius:999px;max-width:calc(100% - 112px);font-size:.68rem;top:58px;left:auto;right:8px}.spatial-title-chip{max-width:180px;padding:6px 7px;top:8px;left:8px}.spatial-title-chip h2{font-size:.78rem}.spatial-title-chip p{font-size:.66rem}.spatial-hud{right:max(4px, env(safe-area-inset-right));left:max(4px, env(safe-area-inset-left));max-height:none;padding:4px 5px calc(4px + env(safe-area-inset-bottom));gap:2px}.spatial-hud__topline{gap:5px}.spatial-hud__status{font-size:.68rem}.spatial-hud__secondary{gap:4px}.spatial-icon-button{width:30px;min-width:30px;min-height:28px}.spatial-icon-button--wide{min-width:48px;padding:0 6px}.spatial-hud .moon-controls__primary{grid-template-columns:28px 28px 28px minmax(76px,1fr);gap:4px}.spatial-hud .moon-controls__primary>button{min-width:28px;min-height:28px}.spatial-hud .phase-timeline{gap:2px}.spatial-hud .phase-icon-button.phase-tick,.spatial-hud .phase-icon-button.phase-tick:first-child,.spatial-hud .phase-icon-button.phase-tick:last-child{min-height:29px}.spatial-hud .phase-icon{width:20px;height:20px}.spatial-selector{grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.spatial-selector button{min-width:0;min-height:28px;padding:0 4px;font-size:.64rem}.spatial-scale-label--full{display:none}.spatial-scale-label--short{display:inline}.spatial-discovery-panel,.spatial-hud .spatial-scale-note,.spatial-shortcuts__panel{width:min(326px,100vw - 10px);bottom:calc(100% + 6px);right:0}}.site-header__inner{justify-content:space-between;align-items:center;gap:12px;width:min(1480px,100% - 20px);height:44px;min-height:44px;max-height:48px;display:flex;overflow:visible}.site-nav{flex-wrap:nowrap;gap:12px;display:flex}.brand,.site-nav a{white-space:nowrap;line-height:1}.brand{text-overflow:clip;flex:auto;min-width:0;font-size:clamp(.72rem,1.4vw,.94rem);overflow:hidden}.site-nav a{align-items:center;min-height:34px;display:inline-flex}.spatial-hud{padding:6px 8px calc(6px + env(safe-area-inset-bottom));grid-template-columns:minmax(130px,.75fr) 30px 30px 30px minmax(180px,1fr) auto;grid-template-areas:"status prev play next slider utilities""phases phases phases phases phases scales";align-items:center;gap:5px 7px;display:grid}.spatial-hud__topline,.spatial-hud .moon-controls,.spatial-hud .moon-controls__primary{display:contents}.spatial-hud__status{grid-area:status;font-size:.72rem}.spatial-hud__secondary{grid-area:utilities;justify-self:end}.spatial-hud .moon-controls__primary>button:first-of-type{grid-area:prev}.spatial-hud .moon-controls__primary>button:nth-of-type(2){grid-area:play}.spatial-hud .moon-controls__primary>button:nth-of-type(3){grid-area:next}.spatial-hud .moon-controls__primary .scrubber{grid-area:slider}.spatial-hud .phase-timeline{grid-area:phases}.spatial-hud__bottom{grid-area:scales}.spatial-hud .moon-controls__primary>button,.spatial-icon-button,.spatial-selector button{min-height:30px}.spatial-hud .moon-controls__primary>button,.spatial-icon-button{min-width:30px}.spatial-hud .phase-icon-button.phase-tick,.spatial-hud .phase-icon-button.phase-tick:first-child,.spatial-hud .phase-icon-button.phase-tick:last-child{min-height:30px}.spatial-hud .phase-icon{width:21px;height:21px}.spatial-selector button{min-width:72px;font-size:.68rem}@media (width>=700px) and (height<=500px){.spatial-hud{padding:4px 6px calc(4px + env(safe-area-inset-bottom));grid-template-columns:minmax(120px,.7fr) 27px 27px 27px minmax(150px,1fr) auto;gap:3px 5px}.spatial-hud .moon-controls__primary>button,.spatial-icon-button,.spatial-selector button{min-height:26px}.spatial-hud .moon-controls__primary>button,.spatial-icon-button{min-width:27px}.spatial-hud .phase-icon-button.phase-tick,.spatial-hud .phase-icon-button.phase-tick:first-child,.spatial-hud .phase-icon-button.phase-tick:last-child{min-height:25px}.spatial-hud .phase-icon{width:18px;height:18px}.spatial-selector button{min-width:58px;padding-inline:4px;font-size:.6rem}}@media (width<=520px) and (height>=560px){.spatial-hud{padding:6px 6px calc(6px + env(safe-area-inset-bottom));grid-template-columns:36px 36px 36px minmax(0,1fr);grid-template-areas:"prev play next slider""status status utilities utilities""phases phases phases phases""scales scales scales scales";gap:4px}.spatial-hud__status{font-size:.66rem}.spatial-hud__secondary{gap:4px}.spatial-hud .moon-controls__primary>button,.spatial-icon-button,.spatial-selector button{min-height:30px}.spatial-hud .moon-controls__primary>button,.spatial-icon-button{min-width:30px}.spatial-hud .moon-controls__primary>button{width:36px;min-width:36px;max-width:36px}.spatial-hud .moon-controls__primary .scrubber{min-width:0}.spatial-selector{width:100%}.spatial-selector button{min-width:0;font-size:.62rem}}@media (width<=520px){.app-shell--immersive .spatial-quick-hint{text-align:left;border-radius:8px;max-width:calc(100% - 106px);font-size:.68rem;line-height:1.15;top:50px;left:auto;right:8px}.app-shell--immersive .spatial-scene-instruction--earth{max-width:calc(100% - 106px);top:50px;left:auto;right:8px}}@media (width>=261px){.app-shell--immersive .site-header__inner{flex-wrap:nowrap;gap:clamp(6px,1.4vw,16px);min-height:44px}.app-shell--immersive .brand{text-overflow:clip;flex:auto;min-width:0;font-size:clamp(.74rem,1.55vw,.96rem);overflow:visible}.app-shell--immersive .site-nav{flex-wrap:nowrap;flex:none}}@media (width<=220px){.app-shell--immersive .site-header__inner{flex-wrap:wrap;align-content:center;row-gap:2px;padding-block:3px}.app-shell--immersive .brand{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;flex-basis:100%}.app-shell--immersive .site-nav{display:flex}}@media (width>=191px) and (width<=260px){body{min-width:0}.app-shell--immersive .site-header__inner{flex-wrap:wrap;row-gap:2px;padding-block:3px}.app-shell--immersive .brand{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;flex-basis:100%}}@media (width<=190px){body{min-width:0}.app-shell--immersive .site-header__inner{gap:4px;width:calc(100% - 8px);min-height:34px}.app-shell--immersive .brand{max-width:100%;font-size:.62rem}.app-shell--immersive .site-nav{display:none}.app-shell--immersive,.app-shell--immersive main,.app-shell--immersive .moon-lab--spatial-active,.app-shell--immersive .spatial-mode-shell,.app-shell--immersive .spatial-lab,.app-shell--immersive .spatial-layout,.app-shell--immersive .spatial-viewport{width:100vw;min-width:0;max-width:100vw}.spatial-title-chip{max-width:calc(100% - 12px);padding:4px 5px;top:6px;left:6px}.spatial-title-chip h2{font-size:.66rem}.spatial-title-chip p{font-size:.56rem}.app-shell--immersive .spatial-scene-instruction{max-width:calc(100% - 12px);padding:4px 5px;font-size:.56rem;top:56px;left:6px}.app-shell--immersive .spatial-quick-hint{display:none}.spatial-hud{grid-template-columns:24px 24px 24px minmax(0,1fr);grid-template-areas:"status status utilities utilities""prev play next slider""phases phases phases phases""scales scales scales scales";gap:3px;width:calc(100vw - 4px);min-width:0;max-width:calc(100vw - 4px);padding:4px;left:2px;right:2px}.spatial-hud__status{font-size:.58rem}.spatial-hud__secondary{gap:3px}.spatial-hud .moon-controls__primary>button,.spatial-icon-button,.spatial-selector button{min-height:24px}.spatial-hud .moon-controls__primary>button,.spatial-icon-button{min-width:24px}.spatial-hud .phase-timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}.spatial-hud .phase-icon-button.phase-tick,.spatial-hud .phase-icon-button.phase-tick:first-child,.spatial-hud .phase-icon-button.phase-tick:last-child{min-height:24px}.spatial-hud .phase-icon{width:16px;height:16px}.spatial-selector{width:100%}.spatial-selector button{min-width:0;padding-inline:2px;font-size:.52rem}}