:root{color-scheme:dark;--cyan:#20c9e2;--white:#edf7fc;--muted:#788c9d;--line:#21313f}*{box-sizing:border-box}body{margin:0;background:#03080e;color:var(--white);font-family:Inter,Arial,Helvetica,sans-serif;min-height:100svh;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}.space{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 44%,#092331 0%,#05101a 35%,#03080e 72%)}.nebula{position:absolute;width:75vw;height:70vh;left:10vw;top:10vh;opacity:.25;background:radial-gradient(ellipse,#138aa3 0%,transparent 62%);filter:blur(50px);animation:nebula 14s ease-in-out infinite alternate}.star{position:absolute;width:var(--size);height:var(--size);border-radius:50%;background:#c6edff;opacity:var(--opacity);animation:twinkle var(--duration) ease-in-out var(--delay) infinite alternate}.grid{position:absolute;inset:0;background-image:linear-gradient(#86c9e405 1px,transparent 1px),linear-gradient(90deg,#86c9e405 1px,transparent 1px);background-size:100px 100px;mask-image:radial-gradient(ellipse,black,transparent 75%)}header,footer{display:flex;align-items:center;justify-content:space-between;padding:22px 4.5vw;gap:20px}.brand{display:flex;align-items:center;gap:4px;font-size:21px;letter-spacing:-.8px}.brand img{object-fit:contain}.brand b{color:var(--cyan)}.edition,.eyebrow,.coordinate,footer{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:1.6px}.edition{color:#7a8e9d;display:flex;align-items:center;gap:17px}.edition i{height:1px;width:34px;background:#3b515e}main{text-align:center;min-height:calc(100svh - 160px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 20px 28px}.eyebrow{color:#97c9d6;display:flex;align-items:center;gap:10px;margin-top:7px}.eyebrow span{height:5px;width:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 16px #1de3ff}.scene{position:relative;width:min(100%,1050px);height:clamp(310px,46vh,510px);display:grid;place-items:center}.orbit-system{position:absolute;width:min(78vw,800px);aspect-ratio:800/520;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.orbits{width:100%;height:100%;overflow:visible}.orbit-track{fill:none;stroke:url(#orbit-light);stroke-width:.8}.orbit-far{fill:none;stroke:#76c9e8;stroke-opacity:.08;stroke-width:.7;stroke-dasharray:2 8}.orbit-dash{fill:none;stroke:#6ceaff;stroke-width:1.3;stroke-linecap:round;stroke-dasharray:.2 1 4 94.8;filter:drop-shadow(0 0 5px #46dfff);animation:orbit 14s linear infinite}.halo{position:absolute;inset:20% 23%;background:radial-gradient(ellipse,#13c8e51c,transparent 65%);filter:blur(15px);animation:breathe 7s ease-in-out infinite alternate}.logo-reveal{position:relative;z-index:2;width:clamp(320px,49vw,540px);height:100%;display:grid;place-items:center;animation:reveal 2.6s cubic-bezier(.16,1,.3,1) both}.logo-float{width:100%;animation:float 8s ease-in-out infinite}.saturn{display:block;width:100%;height:auto;filter:drop-shadow(0 0 28px #15c5e11b)}.coordinate{position:absolute;top:51%;text-align:left;line-height:2.1;color:#91aeba;font-size:9px;letter-spacing:1px}.coordinate span{color:#445e70}.left{left:0}.right{right:0;text-align:right}.cross{position:absolute;color:#527381;font:200 18px monospace}.cross-one{left:18%;top:17%}.cross-two{right:18%;bottom:12%}.caption{position:relative;z-index:3;margin-top:-6px;animation:caption 1.5s 1s both}h1{font-size:clamp(32px,4vw,54px);font-weight:500;letter-spacing:-2px;margin:0 0 16px;line-height:1.1}h1 em{font-style:normal;color:#81dcea}p{color:#8ca2b1;font-size:14px;line-height:1.6;margin:0}.controls{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap;justify-content:center}.controls button{border:1px solid #2a414f;color:#c4dce5;background:#0b1a2366;padding:12px 19px;border-radius:30px;font:12px Arial,sans-serif;cursor:pointer;transition:background .2s,border-color .2s}.controls button:hover{background:#133342;border-color:#468095}.controls button span{margin-right:7px;font-size:16px;vertical-align:-1px}footer{font-size:9px;color:#587383;padding-bottom:24px;letter-spacing:1px}footer a{color:#9bb2bf}footer a:hover{color:#52d6ec}.status{display:flex;align-items:center;gap:8px}.status i{width:5px;height:5px;background:#43c7b4;border-radius:100%}.footnote{width:140px;text-align:right}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.is-paused *, .is-paused *::before, .is-paused *::after{animation-play-state:paused!important}@keyframes reveal{from{opacity:0;transform:translateY(22px) scale(.65) rotate(-15deg);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}@keyframes caption{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes float{0%,100%{transform:translateY(-6px) rotate(-1deg)}50%{transform:translateY(7px) rotate(1deg)}}@keyframes orbit{to{stroke-dashoffset:-100}}@keyframes twinkle{from{opacity:calc(var(--opacity)*.35)}to{opacity:var(--opacity)}}@keyframes breathe{to{opacity:.5;transform:scale(1.15)}}@keyframes nebula{to{transform:translate(6%,4%) scale(1.1);opacity:.4}}@media(max-width:700px){header{padding:16px 20px}.brand{font-size:19px}.edition{font-size:8px;letter-spacing:1px}.edition i{display:none}main{min-height:calc(100svh - 142px);padding-top:28px}.scene{height:340px}.orbit-system{width:120vw;max-width:650px}.logo-reveal{width:390px;max-width:108vw}.coordinate{display:none}.cross-one{left:3%;top:23%}.cross-two{right:3%;bottom:18%}h1{letter-spacing:-1.2px}.caption p{font-size:12px}.controls{margin-top:25px}.controls button{padding:11px 15px}footer{padding:15px 20px 22px;font-size:8px;gap:12px}.footnote{display:none}}@media(max-height:760px) and (min-width:701px){.scene{height:340px}.logo-reveal{width:440px}main{padding-top:0}.controls{margin-top:22px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.logo-reveal,.caption{opacity:1;transform:none;filter:none}.orbit-dash{stroke-dashoffset:-35}}
