.space-lab{--space-blue:#2f7180;--space-gold:#e9ad42;margin-top:17px;padding:clamp(18px,3vw,31px);overflow:hidden;border:1px solid #bacdd2;border-radius:19px;background:linear-gradient(145deg,#fffdf8,#e8f2f3);box-shadow:0 12px 28px rgba(35,65,75,.13)}.space-intro h3{margin:5px 0 8px;font:700 clamp(24px,3vw,32px)/1.15 'Fraunces',serif}.space-intro>p:not(.eyebrow){max-width:880px;color:#526862;line-height:1.6}.space-vocab{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}.space-vocab span{display:flex;flex:1 1 190px;flex-direction:column;padding:11px 13px;border:1px solid #c6d7da;border-radius:11px;background:#fff;color:#60736d;font-size:12px}.space-vocab b{margin-bottom:3px;color:var(--space-blue);font-size:14px}.star-picker,.view-mode-picker,.space-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.star-picker button,.view-mode-picker button,.space-actions button{padding:10px 14px;border:1px solid #b8c9c5;border-radius:10px;background:#fff;color:#315d56;font-weight:800;cursor:pointer;box-shadow:0 4px 9px rgba(38,74,69,.08)}.star-picker button[aria-pressed=true],.view-mode-picker button[aria-pressed=true],.space-actions button:first-child{border-color:var(--space-blue);background:var(--space-blue);color:#fff}.space-slider{display:flex;justify-content:space-between;flex-wrap:wrap;padding:13px 15px;border-radius:12px;background:#fff;font-weight:800}.space-slider input{flex:1 0 100%;width:100%;margin-top:10px;accent-color:var(--space-blue)}.space-result{padding:14px 16px;border-left:5px solid var(--space-gold);border-radius:8px;background:#fff;color:#526862;line-height:1.5}.space-result strong{color:var(--space-blue)}.model-disclaimer{margin:8px 2px 0;color:#70817d;font-size:11px}.star-observatory{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:235px;margin-top:12px;padding:18px;border-radius:15px;background:radial-gradient(circle at 20% 30%,#2d5868,#101f36 67%);color:#fff}.actual-star-panel,.observer-panel{display:grid;place-items:center;gap:8px;text-align:center}.model-star,.apparent-star{display:block;border-radius:50%;background:#ffd069;box-shadow:0 0 18px #ffe592,0 0 45px rgba(255,209,84,.55);transition:.35s}.model-star{width:75px;height:75px}.model-star.small{width:48px;height:48px;background:#f2a36e}.model-star.giant{width:115px;height:115px;background:#f5d58a}.apparent-star{width:var(--apparent-size,16px);height:var(--apparent-size,16px);opacity:var(--apparent-light,.75);box-shadow:0 0 var(--apparent-glow,15px) #fff3b0}.observer-panel>span{font-size:40px}.actual-star-panel b,.observer-panel b{font-size:12px}.space-arrow{color:#ffe28a;font-weight:900}.sun-fact-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.sun-fact-row span{display:flex;flex-direction:column;padding:12px;border-radius:10px;background:#fff;color:#63746e;font-size:12px}.sun-fact-row b{color:var(--space-blue);font-size:15px}
.nearest-star-scene{display:grid;grid-template-columns:130px 1fr 180px;align-items:center;gap:15px;min-height:220px;margin:12px 0;padding:18px;border-radius:15px;background:linear-gradient(#10233c,#1e4b5d);color:#fff}.earth-observer,.comparison-window{display:grid;place-items:center;gap:6px;text-align:center}.earth-observer span{font-size:67px}.earth-observer b,.comparison-window b{font-size:12px}.distance-line{position:relative;height:8px;border-radius:99px;background:rgba(255,255,255,.18)}.distance-line>i{display:block;width:var(--distance-fill,10%);height:100%;border-radius:inherit;background:#70b7d2}.distance-line>span{position:absolute;left:var(--travel-x,5%);top:50%;width:44px;height:44px;border-radius:50%;background:#ffd05e;box-shadow:0 0 20px #ffe17c;transform:translate(-50%,-50%);transition:left .35s}.comparison-window{min-height:150px;border:4px solid #7893a0;border-radius:50%;background:#071321}.comparison-window>span{width:var(--view-size,65px);height:var(--view-size,65px);border-radius:50%;background:#ffd05e;box-shadow:0 0 20px #ffe17c;transition:.35s}
.gravity-scene{--launch-height:150px;position:relative;height:300px;margin-top:12px;overflow:hidden;border-radius:15px;background:linear-gradient(#a8d9eb 0 75%,#b8a06f 75%)}.earth-ground{position:absolute;inset:auto 0 0;height:25%;background:linear-gradient(#77a35b,#6d8d4e)}.launch-ball{position:absolute;z-index:3;left:50%;bottom:24%;width:38px;height:38px;border:4px solid #9d492f;border-radius:50%;background:linear-gradient(135deg,#ef8c4c,#cf5539);box-shadow:inset -7px -7px rgba(109,45,30,.18);transform:translateX(-50%)}.gravity-scene.launched .launch-ball{animation:gravity-flight var(--flight-time,1.8s) ease-in-out}.gravity-arrow{position:absolute;z-index:2;left:calc(50% + 45px);top:20px;padding:6px 8px;border-radius:7px;background:#fff;color:#326e7e;font-weight:900}.height-marks{position:absolute;z-index:2;inset:12px auto 25% 12px;display:flex;flex-direction:column;justify-content:space-between;color:#37606b;font-size:11px;font-weight:800}.height-marks i{font-style:normal}.force-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.force-timeline span{padding:10px;border-radius:9px;background:#fff;color:#657771;font-size:12px;font-weight:800;transition:.2s}.force-timeline b{display:inline-grid;place-items:center;width:23px;height:23px;margin-right:5px;border-radius:50%;background:#dfecea;color:#2f7180}.force-timeline span.active{background:#2f7180;color:#fff}.force-timeline span.active b{background:#fff}.space-actions button:disabled{opacity:.55;cursor:wait}@keyframes gravity-flight{0%,100%{bottom:24%;transform:translateX(-50%) rotate(0)}48%{bottom:calc(24% + var(--launch-height));transform:translateX(-50%) rotate(270deg)}54%{bottom:calc(24% + var(--launch-height));transform:translateX(-50%) rotate(290deg)}}
.aperture-control input:disabled{opacity:.4}.telescope-workbench{display:grid;grid-template-columns:1fr 220px;gap:14px;margin-top:12px}.sky-window{position:relative;height:280px;overflow:hidden;border:5px solid #455d6a;border-radius:16px;background:radial-gradient(circle at 60% 70%,#27385b,#071120 72%)}.sky-window i{position:absolute;left:var(--x);top:var(--y);width:calc(3px + var(--b)*1px);height:calc(3px + var(--b)*1px);border-radius:50%;background:#fff7c9;box-shadow:0 0 calc(3px + var(--b)*3px) #fff1a3;opacity:0;transform:scale(.6);transition:.35s}.sky-window[data-level="1"] i[style*="--b:1"],.sky-window[data-level="1"] i[style*="--b:2"],.sky-window[data-level="1"] i[style*="--b:3"],.sky-window[data-level="2"] i[style*="--b:2"],.sky-window[data-level="2"] i[style*="--b:3"],.sky-window[data-level="3"] i{opacity:1;transform:scale(1)}.telescope-readout{display:grid;align-content:center;justify-items:center;gap:10px;padding:18px;border-radius:14px;background:#173e48;color:#fff;text-align:center}.telescope-readout>span{font-size:62px}.telescope-readout strong{color:#ffe18b;font:800 20px monospace}.telescope-readout small{line-height:1.5;color:#d4e7e5}
.sky-window i{width:calc(8px - var(--b)*1px);height:calc(8px - var(--b)*1px);box-shadow:0 0 calc(15px - var(--b)*2px) #fff1a3}.sky-window[data-level="1"] i,.sky-window[data-level="2"] i,.sky-window[data-level="3"] i{opacity:0!important;transform:scale(.6)}.sky-window[data-level="1"] i[style*="--b:1"],.sky-window[data-level="2"] i[style*="--b:1"],.sky-window[data-level="2"] i[style*="--b:2"],.sky-window[data-level="3"] i:not([style*="--b:4"]),.sky-window[data-level="4"] i{opacity:1!important;transform:scale(1)}
@media(max-width:700px){.star-observatory{grid-template-columns:1fr}.space-arrow{transform:rotate(90deg)}.nearest-star-scene{grid-template-columns:80px 1fr 115px}.earth-observer span{font-size:48px}.comparison-window{min-height:120px}.telescope-workbench{grid-template-columns:1fr}.sky-window{height:220px}.force-timeline{grid-template-columns:1fr}.sun-fact-row{grid-template-columns:1fr}.space-lab{padding:16px}}@media(prefers-reduced-motion:reduce){.gravity-scene.launched .launch-ball{animation-duration:.01ms}.model-star,.apparent-star,.distance-line>span,.comparison-window>span,.sky-window i{transition:none}}