:root{color-scheme:dark;--accent:#9cd8ee;--line:#b8d9ee26;--text:#e4eaf5;--muted:#8c9bad;--sans:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
#scale-transit{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s;background:radial-gradient(ellipse at center,#11152888,#070d17 85%);overflow:hidden}
#scale-transit.traveling{opacity:1;visibility:visible;pointer-events:auto}
.transit-stars{position:absolute;inset:-50%;background:repeating-conic-gradient(from 12deg at 50% 50%,transparent 0deg 11deg,#cadcff60 11.015deg 11.035deg,transparent 11.06deg 23deg);mask-image:radial-gradient(ellipse,transparent 2%,#0008 25%,transparent 55%);animation:scale-pullback 2.6s ease-in infinite}
.transit-copy{position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);width:min(440px,80%);text-align:center;background:#070d17c9;border-radius:20px;padding:20px}
#scale-message{font-size:18px;color:var(--text)}#scale-note{font-size:12px}
@keyframes scale-pullback{from{transform:scale(.5);opacity:0}35%{opacity:.9}to{transform:scale(2);opacity:0}}
#scale-feedback{position:absolute;left:50%;top:83px;transform:translateX(-50%);width:min(560px,calc(100% - 36px));text-align:center;font-size:10px;color:var(--muted);pointer-events:none;z-index:3}
#app.stories-visible #scale-feedback{opacity:0;transition:opacity .2s ease}
#scale-feedback{transition:opacity 1.2s ease 1.2s}
#orrery-labels{position:absolute;inset:0;pointer-events:none;z-index:2}
#orrery-labels .flight-label{pointer-events:auto}
#encounter-view{position:absolute;top:80px;left:0;width:100%;height:calc(100% - 80px);border:0;visibility:hidden;z-index:3;background:#080a12}
#app[data-scale=galaxy]{--accent:#b6a9ed;background:#080a12}
#app[data-scale=galaxy] #encounter-view{visibility:visible}
#app[data-scale=galaxy]>:not(.header):not(#encounter-view):not(#scale-transit):not(#scale-feedback){display:none!important}
#app[data-scale=galaxy] .header-actions{visibility:hidden;pointer-events:none}
#app[data-scale=galaxy] #scale-feedback{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:1100px){#scale-feedback{top:112px;font-size:9px}.header.experience-header .view-nav{top:47px}#encounter-view{top:116px;height:calc(100% - 116px)}}
@media(max-width:760px){.header.experience-header .view-nav button{padding:7px 13px}#scale-feedback{top:104px;font-size:9px}#encounter-view{top:106px;height:calc(100% - 106px)}}
@media(orientation:landscape) and (max-height:550px){#scale-feedback{top:92px}#app[data-scale=galaxy] .header .brand{display:none}#app[data-scale=galaxy] .header .view-nav{top:0}#encounter-view{top:60px;height:calc(100% - 60px)}}
@media(prefers-reduced-motion:reduce){#scale-transit,#scale-feedback,#app.stories-visible #scale-feedback{transition:none}.transit-stars{animation:none;display:none}}
@media(orientation:landscape) and (max-height:550px){body #app{min-height:320px}}
#flight-labels{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}
.flight-label{position:absolute;pointer-events:auto;padding:4px 7px;border:0;border-radius:5px;background:#070d1799;font:10px var(--sans);white-space:nowrap;color:#a6b7ca;min-height:24px}
.flight-label.voyager{color:#f5d786;font-weight:600}.flight-label.earth{color:var(--accent)}.landmark-label{color:#bfaddd;border:1px solid #b6a1df26}
#flight-panel{position:absolute;left:36px;bottom:165px;width:240px;z-index:3;overflow:visible}
#flight-panel h2{font-size:23px;margin:6px 0 14px;color:#f5d786}#flight-panel .eyebrow{font-size:8px;margin:0}
#flight-panel dl{margin:0}#flight-panel dl div{display:flex;gap:8px;align-items:baseline;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line)}
#flight-panel dt{color:var(--muted);font-size:10px}#flight-panel dd{font:12px var(--mono);margin:0}
.flight-frames{display:flex;flex-wrap:wrap;gap:7px}.flight-frames button{font-size:12px;padding:9px 11px}.flight-frames button[aria-pressed=true]{background:#9cd8ee19;border-color:#9cd8ee60}
#flight-event,#flight-model,.flight-scale{font-size:10px;line-height:1.6;margin:9px 0}#flight-event:empty{display:none}#flight-model{color:#c5bb9f}#flight-source{font-size:11px}#distance-open{display:block;font-size:12px;padding:10px 0;border:0;color:var(--accent);margin-top:6px;text-align:left}
#flight-milestones{display:flex;justify-content:center;gap:16px;margin-top:8px;border-top:1px solid var(--line);padding-top:8px}#flight-milestones button{font-size:10px;color:var(--accent);padding:3px 9px;border:0}
.beyond-mode .time-panel{padding-top:12px}.beyond-mode .headline{pointer-events:none}.beyond-mode #motion-status{display:none}
#journey-controls h3{font-size:14px;color:var(--accent);margin:22px 0 12px}
#flight-inspector{position:absolute;z-index:4;width:280px;max-width:calc(100vw - 24px);padding:14px;background:#0c1624f2;border:1px solid var(--line);border-radius:13px;backdrop-filter:blur(12px);overflow:auto;overscroll-behavior:contain}
#flight-inspector h2{font-size:17px;line-height:1.25;margin:7px 26px 10px 0}#flight-inspector p,#flight-inspector a{font-size:11px;line-height:1.6}#flight-inspector .eyebrow{font-size:8px;margin:0}#inspector-close{float:right;border:0;font-size:23px;padding:0 4px;line-height:1}#inspector-scale{color:#c4b6ed}#inspector-scale:empty{display:none}
#inspector-figure,.traveler-figure{margin:10px 0}#inspector-image,.traveler-figure img{display:block;width:100%;height:140px;object-fit:contain;border-radius:7px;background:#050810}#inspector-image[hidden]{display:none}#inspector-credit,.traveler-figure figcaption{font-size:9px;line-height:1.5;color:var(--muted);margin-top:6px}.traveler-figure{max-width:360px}.distance-row summary{font-size:12px;cursor:pointer;color:var(--accent)}
@media(min-width:1500px){#flight-panel{left:45px;width:255px}}
@media(max-width:1100px){#flight-panel{left:26px;width:190px}}
@media(min-width:761px) and (max-height:800px){.beyond-mode .headline.experience-intro{display:none}}
@media(max-width:760px){.beyond-mode .headline.experience-intro{display:none}#flight-panel{left:19px;right:72px;bottom:175px;width:auto;background:#070d17c9;border-radius:10px;padding:10px 12px}#flight-panel h2{font-size:15px;margin:0 0 5px}#flight-panel .eyebrow{display:none}#flight-panel dl{display:flex;gap:16px;margin:0}#flight-panel dl div{display:block;padding:0;border:0}#flight-panel dd{font-size:11px}#flight-panel dt{font-size:9px}#flight-model{font-size:9px;margin:6px 0 0}#flight-milestones{gap:2px;justify-content:space-between;margin-top:4px;padding-top:5px}#flight-milestones button{font-size:9px;padding:3px 5px}.flight-label{font-size:9px;min-height:28px}#flight-inspector{width:260px}#inspector-image{height:100px}}
@media(orientation:landscape) and (max-height:550px){.beyond-mode .headline.experience-intro{display:none}#flight-panel{left:18px;bottom:155px;width:190px;background:#070d17c9;padding:8px;border-radius:8px}#flight-panel h2{font-size:15px}#flight-panel .eyebrow{display:none}#inspector-image{height:80px}#flight-inspector{width:300px}}
@media(max-width:760px) and (orientation:portrait){#flight-inspector{max-width:calc(100vw - 88px)}}
#app #flight-panel{bottom:var(--earth-timeline-clearance,165px)}
#mission-buttons{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);padding-bottom:16px}#mission-data{font-size:11px;color:var(--muted);margin:12px 0}#mission-data summary{cursor:pointer;color:var(--accent)}#mission-limitations{padding-left:18px}#mission-limitations li{margin:8px 0}#mission-data-source{font-size:11px}#flight-milestones{flex-wrap:wrap}.distance-row [data-replay-mission]{font-size:11px;padding:6px 10px;margin:8px 0}
.header-actions{display:flex;align-items:center;gap:8px}#stories-open{font-size:12px;border:0;color:var(--accent);padding:8px}.probe-story{border:0;padding:2px 0;color:var(--accent);font-size:11px}.distance-row:focus{outline:1px solid var(--accent);outline-offset:6px;border-radius:6px}
*{box-sizing:border-box}body{margin:0;background:#070d17;color:var(--text);font:14px/1.6 var(--sans)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none;border:1px solid var(--line);border-radius:10px;padding:9px 14px}button:hover,a:hover{color:white;border-color:#9cd8ee80}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.45;cursor:wait}a{color:var(--accent);text-underline-offset:4px}input[type=checkbox],input[type=range]{accent-color:var(--accent)}input[type=range]{width:100%;cursor:pointer}input[type=search]{width:100%;padding:14px;border:1px solid var(--line);border-radius:10px;background:#070d17;color:var(--text);margin-top:8px}p{color:var(--muted)}h1,h2,h3{line-height:1.2}h2{font-size:30px;font-weight:550;letter-spacing:-.04em}h3{font-size:18px;margin-top:30px}small{display:block}em{font-style:normal;color:var(--accent)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#app{height:100dvh;min-height:420px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 53% 45%,#101b2b60,transparent 65%)}#space{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:none;transform:none;transition:transform 1.4s cubic-bezier(.22,.61,.36,1)}.header{position:absolute;top:0;left:0;right:0;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;z-index:5}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:17px;letter-spacing:.2em;font-weight:600;color:var(--text)}.brand small{font-size:8px;letter-spacing:.24em;color:var(--muted);margin-top:2px}.brand-orbit{font-size:39px;font-weight:300;color:var(--accent);line-height:1}.view-nav{display:flex;padding:4px;border:1px solid var(--line);border-radius:30px;background:#0a101aca}.view-nav button{border:0;border-radius:22px;padding:9px 22px;font-size:12px;color:var(--muted)}.view-nav button[aria-pressed=true]{color:var(--text);background:#9cd8ee19}.view-nav span{color:var(--accent);margin-left:8px}.icon-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;color:var(--muted);font-size:23px}.headline{position:absolute;left:44px;top:17%;max-width:345px;pointer-events:none;z-index:2}.eyebrow{font-size:9px;letter-spacing:.23em;color:var(--accent);font-weight:600}.headline h1{font-size:38px;letter-spacing:-.055em;line-height:1.2;font-weight:500;margin:22px 0 17px}.headline p:last-child{font-size:12px;max-width:245px}.orbit-info{position:absolute;left:44px;bottom:160px;max-width:275px;z-index:3}.catalog-button{display:flex;align-items:center;text-align:left;gap:14px;border:0;padding:0}.catalog-button strong{font:28px var(--mono);color:var(--accent)}.catalog-button span{font-size:10px;color:var(--muted);line-height:1.7}.catalog-button u{color:var(--text);text-decoration:none}.orbit-info p{font-size:10px;line-height:1.6}.orbit-info p button{padding:3px 8px;margin-top:6px;font-size:10px}.fit-buttons{display:flex;gap:5px;margin:22px 0 12px}.fit-buttons button{padding:6px 10px;font-size:10px}.loading{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);background:#0b1426ee;padding:20px 30px;border:1px solid var(--line);border-radius:14px;max-width:90vw;text-align:center;z-index:4}.loading button{display:block;margin:12px auto 0}
.time-panel{position:absolute;bottom:18px;left:28px;right:28px;background:#101723eb;border:1px solid var(--line);z-index:5;backdrop-filter:blur(15px)}.timeline-heading{display:flex;align-items:center;gap:18px;font-size:11px}.timeline-heading time{font:12px var(--mono);color:var(--text)}#rate-label{margin-left:auto;color:var(--muted);font-size:10px}.live-dot{font-size:9px;letter-spacing:.1em;color:var(--accent)}.live-dot:before{content:'●';font-size:8px;margin-right:6px}.timeline-stops{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--muted)}.timeline-stops button{padding:0 12px;border:0;font-size:10px;color:var(--accent)}#timeline{height:22px;margin:6px 0 0}#distance-date{font-size:10px;margin:8px 0 0}#simulation-controls .icon-button.active{background:#9cd8ee17;color:var(--accent)}#simulation-controls h2{font-size:20px}#simulation-controls .controls-body{width:280px}#simulation-controls .layer{display:flex;gap:10px;align-items:center;margin:16px 0;font-size:12px}#simulation-controls .layer input{margin:0}#simulation-controls .layer small{color:var(--muted);font-size:9px;line-height:1.5}#simulation-controls .layer output{font:10px var(--mono);color:var(--muted);margin-left:auto}.primary-button{display:inline-block;background:var(--accent);color:#102333;border:0;padding:12px 18px;border-radius:9px;text-decoration:none;margin-top:18px}.primary-button:hover{color:#102333;background:#c5ecfa}
.selection{position:absolute;bottom:155px;left:50%;transform:translateX(-50%);width:300px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#0c1624ed;z-index:4;backdrop-filter:blur(12px)}.selection h2{font-size:19px;overflow-wrap:anywhere;margin:10px 0}.selection p:not(.eyebrow){font-size:11px}.selection button{font-size:11px}.selection #selection-close{float:right;padding:0 4px;border:0;font-size:24px}.distance-disclaimer{font-size:11px;color:var(--accent);line-height:1.7;letter-spacing:.02em;margin:0 0 20px}.distance-row{position:relative;margin:20px 0 28px}.distance-row h3{font-size:15px;margin:0;display:flex;align-items:baseline;justify-content:space-between;gap:15px}.distance-row h3 a{text-decoration:none;color:var(--text)}.distance-row strong{font:12px var(--mono);color:var(--accent);white-space:nowrap}.distance-row p{font-size:10px;margin:5px 0 8px}.distance-track{height:20px;width:var(--distance);min-width:20px;border-bottom:1px solid #9cd8ee50;border-radius:0 0 0 90%;position:relative}.distance-track:after{content:'';position:absolute;right:-4px;bottom:-4px;width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 14px #9cd8ee66}.distance-row.hypothetical .distance-track{border-bottom-style:dashed;border-color:#e5bf82}.distance-row.hypothetical strong{color:#e5bf82}.hypothesis{font-size:12px;display:flex;gap:10px;align-items:center;color:#e5bf82}#manhole-note,.next-chapter{font-size:11px;line-height:1.8}.next-chapter{margin-top:24px;border-top:1px solid var(--line);padding-top:12px}
dialog{background:#101722;color:var(--text);border:1px solid var(--line);border-radius:22px;padding:36px;max-width:700px;width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overscroll-behavior:contain}dialog::backdrop{background:#030711ba;backdrop-filter:blur(8px)}.dialog-close{float:right;border:0;font-size:25px;padding:0 8px}dialog h2{margin-top:28px}dialog p,dialog li{font-size:13px;line-height:1.85}dialog label{color:var(--muted);font-size:12px}dialog details{border-top:1px solid var(--line);padding:15px 0}dialog summary{cursor:pointer;color:var(--accent);font-size:13px}dialog .sources{border-top:1px solid var(--line);margin-top:28px}dialog ul{padding-left:20px}dialog li{margin:15px 0;color:var(--muted)}.creator-credit{border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.creator-credit p{font-size:11px;margin:3px 0}.ai-disclosure p{font-size:11px}.ai-disclosure h3{font-size:14px}.fine-print,#search-summary{font-size:11px}#search-results{display:grid;gap:6px;margin-top:18px}#search-results button{text-align:left;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:12px}#search-results small{font:10px var(--mono);color:var(--muted);white-space:nowrap}#search-results span{overflow-wrap:anywhere}
@media(min-width:1500px){.headline{left:4vw;max-width:420px}.headline h1{font-size:48px}.orbit-info{left:4vw}}
@media(max-width:1000px){.headline{left:28px;max-width:230px}.headline h1{font-size:29px}.orbit-info{left:28px;max-width:215px}.catalog-button strong{font-size:23px}}
@media(max-width:760px){.header{padding:14px 16px;gap:8px;flex-wrap:wrap}.brand{font-size:14px}.brand-orbit{font-size:30px}.brand small{font-size:7px}.view-nav{position:absolute;top:73px;left:50%;transform:translateX(-50%);white-space:nowrap}.view-nav button{padding:7px 18px;font-size:11px}.headline{top:119px;left:24px;right:24px;max-width:none;text-align:center}.headline .eyebrow{display:none}.headline h1{font-size:23px;margin:10px 0}.headline h1 br{display:none}.headline h1 em{display:block}.headline p:last-child{font-size:10px;max-width:none;margin:5px 0}#space{transform:none}.orbit-info{left:20px;right:64px;bottom:139px;max-width:420px}.catalog-button{gap:10px}.catalog-button strong{font-size:21px}.catalog-button span{font-size:9px}.orbit-info #catalog-status{font-size:9px;margin:6px 0;max-width:320px}.fit-buttons{margin:10px 0 6px;gap:5px}.fit-buttons button{font-size:9px;padding:5px 9px}#surface-info{margin:6px 0 0;font-size:9px;max-width:280px}.time-panel{bottom:12px;left:12px;right:12px}.timeline-heading{gap:8px;flex-wrap:wrap}.timeline-heading time{font-size:10px}.timeline-heading #rate-label{font-size:9px}.live-dot{font-size:8px}.selection{bottom:143px;left:14px;transform:none;width:calc(100% - 78px);max-width:350px;padding:15px}.selection h2{margin:6px 0}.selection p{margin:6px 0}.distance-disclaimer{font-size:9px;margin-bottom:10px}.distance-row{margin:18px 0}.distance-row h3{font-size:12px;gap:8px}.distance-row strong{font-size:10px}.distance-row p{font-size:9px}.distance-track{height:10px}.hypothesis{font-size:10px}#manhole-note,.next-chapter{font-size:10px}.next-chapter{margin-top:14px}dialog{padding:24px}dialog h2{font-size:27px}}
@media(max-height:680px) and (min-width:761px){.headline{top:100px}.headline h1{font-size:27px}.orbit-info{bottom:135px}}
@media(max-height:700px) and (max-width:760px){.headline p:last-child{display:none}.orbit-info #surface-info{display:none}.orbit-info{bottom:125px}.catalog-button span br{display:none}.catalog-button span{max-width:170px}.headline h1{font-size:20px}.fit-buttons{margin-top:6px}}
@media(prefers-reduced-motion:reduce){#space{transition:none}}
#app .selection{position:absolute;bottom:auto;transform:none;width:230px;max-width:calc(100vw - 16px);padding:12px 14px;border-radius:12px;box-shadow:0 8px 25px #0005;background:#0b1627ed;backdrop-filter:blur(8px)}#app .selection h2{font-size:13px;line-height:1.4;letter-spacing:0;margin:0 22px 5px 0}#app .selection p{font-size:10px;line-height:1.5;margin:3px 0}#app .selection #selected-meta{font-size:9px;color:var(--accent)}#app .selection #selection-close{font-size:20px;line-height:1;padding:0;min-width:20px}#app .selection #follow-selected{padding:3px 0 0;border:0;border-radius:0;font-size:10px;color:var(--accent)}#selection-anchor{position:absolute;width:10px;height:10px;transform:translate(-50%,-50%);border:1px solid #fff;border-radius:50%;box-shadow:0 0 8px #9cd8ee80;pointer-events:none;z-index:3}#motion-status{font-size:10px;color:var(--accent)}
@media(max-width:760px){#space{transform:none}.orbit-info{text-shadow:0 1px 5px #070d17}}

#story-headline{position:absolute;top:92px;left:50%;transform:translateX(-50%);width:min(620px,calc(100% - 560px));z-index:4;max-height:calc(100dvh - 250px)}
.orbit-info{left:36px;max-width:230px}.headline.experience-intro .line{flex-shrink:0}.header.experience-header .view-nav{position:absolute;left:50%;transform:translateX(-50%)}.header.experience-header{padding:0}.header-actions{margin-left:auto}.headline.experience-intro #view-description{max-width:none}
@media(min-width:1500px){.orbit-info{left:45px}}
@media(max-width:1100px){.orbit-info{left:26px;max-width:185px}#story-headline{top:116px;width:calc(100% - 420px)}}
@media(max-width:760px){.header-actions{gap:4px}#stories-open{font-size:9px;padding:6px}.header.experience-header .view-nav{top:48px;white-space:nowrap}.orbit-info{left:19px;right:70px;max-width:420px}#story-headline{top:116px;left:19px;right:70px;width:auto;transform:none;max-height:135px}}
@media(orientation:landscape) and (max-height:550px){#story-headline{top:116px;left:200px;right:85px;width:auto;transform:none;max-height:110px}.orbit-info{bottom:125px;max-width:170px}.orbit-info #surface-info{display:none}}