:root{color-scheme:dark;--ink:#edf5ff;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--mono:"SFMono-Regular",Consolas,monospace;--view-x:0px;--view-y:0px;--portal-opacity:0}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{height:100svh;background:#030610;color:var(--ink);font:14px/1.5 var(--sans);isolation:isolate}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}button,a{-webkit-tap-highlight-color:transparent}svg{display:block;flex-shrink:0}[hidden]{display:none!important}:focus-visible{outline:1px solid #b4dcff;outline-offset:6px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:13px;left:20px;z-index:30;padding:10px 18px;background:#091526;transform:translateY(-160%)}.skip-link:focus{transform:none}
.cosmic-background{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 66% 32%,#172343,#060b18 50%,#02060f)}.earth-image{position:absolute;left:-4%;top:18%;width:110%;height:112%;max-width:none;object-fit:cover;object-position:center 55%;opacity:.64;filter:saturate(.8) brightness(.76);transform:translate3d(calc(var(--view-x)*-.3),calc(var(--view-y)*-.3),0) scale(1.025);mask-image:linear-gradient(transparent,#000 25%)}.nebula-light{position:absolute;left:20%;top:-20%;width:95%;height:110%;background:radial-gradient(ellipse,#273b782b,transparent 65%);transform:rotate(-30deg);animation:nebula-breathe 18s ease-in-out infinite}.scene-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 55% 44%,transparent 36%,#02051044 85%),linear-gradient(0deg,#02071077,transparent 27%,transparent 82%,#02071055)}
.orbital-stage{position:absolute;inset:0;z-index:2;pointer-events:none}.orbital-stage canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .7s}.orbital-stage.scene-ready canvas{opacity:1}.stellar-fallback{position:absolute;left:62%;top:48%;width:31vmin;height:31vmin;transform:translate(-50%,-50%);border-radius:50%;background:#02040a;box-shadow:0 0 6px 2px #fff,0 0 30px 9px #84baff99,0 0 90px 30px #315cb244}.stellar-fallback:after{content:'';position:absolute;left:-130%;right:-130%;top:-30%;bottom:-30%;border:3px solid #a2caff99;box-shadow:0 0 13px #b9dcff88,inset 0 0 12px #b9dcff44;border-radius:50%;transform:rotate(-23deg) scaleY(.4)}.scene-ready .stellar-fallback{opacity:0;transition:opacity .6s}
.space-header{position:absolute;left:0;right:0;top:0;height:100px;padding:0 58px;display:flex;align-items:center;justify-content:space-between;z-index:12;pointer-events:none;transition:opacity .35s}.space-header>a,.space-header>button{pointer-events:auto}.space-brand{display:flex;align-items:center;gap:13px;transition:opacity .5s}.space-brand>svg{color:#ccdcec;filter:drop-shadow(0 0 9px #87c8ff3b)}.space-brand>span{font:500 19px/1.15 var(--mono);letter-spacing:3px}.space-brand small{display:block;font:8px var(--sans);letter-spacing:2px;color:#9caec5;margin-top:6px}.scene-toggle{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1px;color:#b1bfd2;min-height:40px;padding:8px 0}.scene-toggle:hover{color:#fff}.scene-toggle[aria-pressed=true]{color:#e9cc9a}
.gravity-interaction{position:absolute;inset:0;z-index:5;pointer-events:none}#black-hole-trigger{position:absolute;left:62%;top:48%;width:27vmin;height:27vmin;transform:translate(-50%,-50%);border-radius:50%;z-index:1;pointer-events:auto;outline:none;padding:0;touch-action:manipulation}#black-hole-trigger:disabled{cursor:default}#black-hole-trigger:focus-visible .core-focus{opacity:.8}.core-focus{position:absolute;inset:-5%;border-radius:50%;border:1px solid #c4e8ff6b;box-shadow:0 0 30px #94c9ff33;opacity:0;transition:opacity .5s}#black-hole-trigger:not(:disabled):hover .core-focus{opacity:.45}#planet-links{position:absolute;inset:0;pointer-events:none;z-index:2}.planet-link{--planet-r:30px;position:absolute;left:0;top:0;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;pointer-events:auto;touch-action:manipulation;outline:none;will-change:transform}.planet-hit{position:absolute;inset:0;border-radius:50%;border:1px solid transparent;transition:border-color .25s,box-shadow .25s}.planet-link:hover .planet-hit,.planet-link:focus-visible .planet-hit{border-color:#c9dff528;box-shadow:0 0 24px #aad5ff12}.planet-label{position:absolute;left:calc(38px + var(--planet-r) + 13px);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;white-space:nowrap;pointer-events:auto;color:#e5eaf2;text-shadow:0 1px 5px #01040d,0 0 18px #01040d;transition:color .25s,opacity .3s}.planet-label i{width:19px;height:1px;background:linear-gradient(90deg,#c8dcf176,#c8dcf126);transform-origin:left;flex-shrink:0}.planet-label strong{font:400 11px var(--mono);letter-spacing:1.2px}.planet-link[data-side=left] .planet-label{left:auto;right:calc(38px + var(--planet-r) + 13px);flex-direction:row-reverse}.planet-link[data-side=left] .planet-label i{background:linear-gradient(270deg,#c8dcf176,#c8dcf126)}.planet-link:hover .planet-label,.planet-link:focus-visible .planet-label{color:#ffe0b3}.planet-link:hover .planet-label i{background:#dec49c99}.planet-link[data-depth=back] .planet-label{color:#b1c7d9}.scene-only .space-header,.scene-only .planet-label{opacity:0;pointer-events:none}.scene-only .skip-link{visibility:hidden}.scene-only::after{content:"";position:fixed;inset:0;z-index:40;cursor:default}.portal-veil{position:absolute;inset:0;pointer-events:none;z-index:20;background:#040711;opacity:var(--portal-opacity)}.portal-navigating .space-header{opacity:0;transition:opacity .45s}.portal-navigating .planet-label{opacity:0;transition:opacity .15s}.no-script-nav{position:absolute;bottom:8%;left:10%;right:10%;display:flex;gap:20px;justify-content:center;flex-wrap:wrap;pointer-events:auto;background:#041020bb;padding:20px}.no-script-nav p{width:100%;text-align:center;margin:0;color:#c1d4e6}.no-script-nav a{border-bottom:1px solid #9bbbc855}
@keyframes nebula-breathe{50%{opacity:.4;scale:1.08}}
@media(min-width:1800px){.space-header{padding:0 80px;height:115px}.planet-label strong{font-size:12px}}
@media(max-width:1100px){.space-header{padding:0 35px;height:86px}.planet-label strong{font-size:10px;letter-spacing:.8px}.planet-label{gap:6px}.planet-label i{width:13px}}
@media(max-width:700px){.space-header{height:74px;padding:0 22px}.space-brand{gap:9px}.space-brand>span{font-size:16px;letter-spacing:2px}.space-brand small{font-size:6px;letter-spacing:1px}.space-brand>svg{width:24px;height:24px}.scene-toggle{font-size:9px;gap:7px;letter-spacing:.5px}.scene-toggle svg{width:14px;height:14px}.earth-image{top:19%;height:110%;object-position:60% center;opacity:.66}.scene-vignette{background:linear-gradient(0deg,#02071088,transparent 38%,transparent 82%,#02071066)}.stellar-fallback{left:50%;top:43%;width:34vw;height:34vw}#black-hole-trigger{left:50%;top:43%;width:33vw;height:33vw}.planet-link{width:60px;height:60px;margin:-30px 0 0 -30px}.planet-label{left:calc(30px + var(--planet-r) + 6px);gap:4px}.planet-link[data-side=left] .planet-label{right:calc(30px + var(--planet-r) + 6px)}.planet-label i{width:8px}.planet-label strong{font-size:9px;letter-spacing:.2px}}
@media(max-width:370px){.space-header{padding:0 17px}.space-brand small{display:none}.scene-toggle{font-size:8px}.planet-label strong{font-size:8px}.planet-label i{width:5px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.earth-image{transform:none}}