:root{--bg: #04040b;--bg-deep: #020208;--ink: #e9e9ff;--ink-dim: #8b8bb4;--indigo: #6d5cff;--indigo-soft: #a78bfa;--cyan: #8ff7ff;--line: rgba(124, 112, 255, .22);--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--sans: "Helvetica Neue", Helvetica, Arial, ui-sans-serif, system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg-deep)}body{margin:0;min-height:100vh;min-height:100svh;overflow-x:hidden;background:radial-gradient(ellipse 80% 60% at 50% 42%,rgba(58,44,150,.26),transparent 62%),radial-gradient(ellipse 55% 45% at 82% 88%,rgba(22,78,132,.14),transparent 60%),radial-gradient(ellipse 50% 40% at 12% 12%,rgba(84,40,150,.12),transparent 65%),var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,a{-webkit-tap-highlight-color:transparent}.skip-link{position:fixed;top:10px;left:10px;z-index:40;padding:.6rem .9rem;border:1px solid var(--cyan);background:#06060f;color:var(--cyan);font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-decoration:none;transform:translateY(-160%);transition:transform .2s ease}.skip-link:focus-visible{transform:translateY(0);outline:1px solid var(--cyan);outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.nebula-layer{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.nebula{position:absolute;border-radius:50%;filter:blur(64px);opacity:.55;mix-blend-mode:screen;will-change:transform}.nebula--a{width:72vmax;height:72vmax;top:-28vmax;left:-22vmax;background:radial-gradient(circle at 50% 50%,rgba(76,52,190,.5) 0%,rgba(40,28,110,.24) 46%,transparent 70%);animation:drift-a 46s ease-in-out infinite alternate}.nebula--b{width:78vmax;height:78vmax;right:-30vmax;bottom:-34vmax;background:radial-gradient(circle at 50% 50%,rgba(34,96,168,.34) 0%,rgba(32,34,120,.2) 48%,transparent 72%);animation:drift-b 58s ease-in-out infinite alternate}.nebula--c{width:52vmax;height:52vmax;top:38%;left:58%;background:radial-gradient(circle at 50% 50%,rgba(120,62,210,.26) 0%,rgba(46,40,140,.14) 52%,transparent 74%);opacity:.42;animation:drift-c 38s ease-in-out infinite alternate}.stars{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}.grid-layer{position:fixed;inset:0;z-index:1;pointer-events:none;background-image:radial-gradient(circle,rgba(143,247,255,.12) 1px,transparent 1.4px);background-size:44px 44px;-webkit-mask-image:radial-gradient(circle at 50% 46%,transparent 12%,#000 52%,transparent 86%);mask-image:radial-gradient(circle at 50% 46%,transparent 12%,#000 52%,transparent 86%);opacity:.5}.scanlines{position:fixed;inset:0;z-index:1;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.022) 0px,rgba(255,255,255,.022) 1px,transparent 1px,transparent 3px);opacity:.5}.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 78% 74% at 50% 48%,transparent 38%,rgba(2,2,8,.42) 78%,rgba(2,2,8,.82) 100%)}.frame{position:fixed;inset:clamp(9px,1.7vmin,20px);z-index:6;pointer-events:none;border:1px solid rgba(124,112,255,.14)}.frame:before,.frame:after{content:"";position:absolute;width:16px;height:16px;border-color:#8ff7ff80;border-style:solid}.frame:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.frame:after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}.scene{position:relative;z-index:3;display:grid;grid-template-rows:auto 1fr auto;gap:clamp(6px,1.6vh,18px);min-height:100vh;min-height:100svh;padding:clamp(20px,3.2vmin,34px) clamp(20px,4.4vw,56px)}.masthead{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:.75rem;border-bottom:1px solid rgba(124,112,255,.16)}.brand{margin:0;font-size:clamp(.88rem,1.6vmin,1.12rem);font-weight:600;letter-spacing:.34em;line-height:1;color:#f0f0ff;text-shadow:0 0 22px rgba(109,92,255,.45)}.brand__dot{color:var(--cyan);text-shadow:0 0 12px rgba(143,247,255,.85)}.system{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;width:100%;min-width:0;min-height:0}.system:focus-visible{outline:2px solid rgba(143,247,255,.9);outline-offset:8px;border-radius:6px}.stage{--px: 0px;--py: 0px;position:relative;width:min(100%,88vmin,660px,68vh);max-width:100%;aspect-ratio:1;isolation:isolate}.orbits{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible;transform:translate3d(calc(var(--px) * -.6),calc(var(--py) * -.6),0);will-change:transform;pointer-events:none}.orbit{fill:none;stroke:#7c70ff33;stroke-width:1;vector-effect:non-scaling-stroke}.orbit--core{stroke:#8ff7ff29;stroke-dasharray:1 5}.orbit--strong{stroke:#8ff7ff4d;stroke-dasharray:2 7}.orbit--faint{stroke:#7c70ff1f}.orbit--outer{stroke:#7c70ff33;stroke-dasharray:1 11}.orbit--ticks{stroke:#a78bfa6b;stroke-width:5;stroke-dasharray:1 23}.orbit--ellipse{stroke:#8ff7ff1a;stroke-dasharray:3 9}.orbit-axes .axis{stroke:#7c70ff24;stroke-width:1;stroke-dasharray:1 9;vector-effect:non-scaling-stroke}.orbit-arc{fill:none;stroke:#8ff7ff99;stroke-width:2;stroke-linecap:round;vector-effect:non-scaling-stroke;transform-box:view-box;transform-origin:50% 50%;animation:spin 46s linear infinite;filter:drop-shadow(0 0 4px rgba(143,247,255,.55))}.orbit-arc--violet{stroke:#a78bfa8c;filter:drop-shadow(0 0 4px rgba(167,139,250,.5))}.orbit-arc-group--reverse{animation:spin 62s linear infinite reverse;transform-box:view-box;transform-origin:50% 50%}.orbit-node{fill:var(--cyan);opacity:.55;filter:drop-shadow(0 0 5px rgba(143,247,255,.8))}.core{position:absolute;top:50%;left:50%;z-index:2;display:grid;place-items:center;width:34%;aspect-ratio:1;transform:translate(-50%,-50%) translate3d(calc(var(--px) * .4),calc(var(--py) * .4),0);pointer-events:none}.core__halo{position:absolute;inset:-42%;border-radius:50%;background:radial-gradient(circle,rgba(143,247,255,.26) 0%,rgba(109,92,255,.22) 34%,rgba(80,52,190,.08) 58%,transparent 72%);filter:blur(16px);animation:breathe 7s ease-in-out infinite}.core__ring{position:absolute;inset:-14%;border-radius:50%;border:1px dashed rgba(167,139,250,.42);animation:spin 34s linear infinite}.core__ring:after{content:"";position:absolute;inset:8%;border-radius:50%;border:1px solid rgba(143,247,255,.2)}.core__disc{position:relative;display:grid;place-items:center;width:62%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 28%,#f2ffff,#b6fbff 12%,#8ff7ff 26%,#6d5cff 54%,#2a1d78 78%,#080818);box-shadow:0 0 26px #8ff7ff80,0 0 64px #6d5cff8c,0 0 120px #4c34be59,inset 0 0 22px #8ff7ff73,inset 0 -10px 26px #140c40b3;animation:core-pulse 6s ease-in-out infinite}.core__disc:before{content:"";position:absolute;inset:-9%;border-radius:50%;border:1px solid rgba(143,247,255,.24)}.core__label{font-family:var(--mono);font-size:clamp(.625rem,1.05vmin,.68rem);font-weight:700;letter-spacing:.12em;color:#050510e0;text-shadow:0 0 8px rgba(255,255,255,.55)}.satellite-field{position:absolute;inset:0;z-index:3;margin:0;padding:0;list-style:none;transform:translate3d(calc(var(--px) * .9),calc(var(--py) * .9),0);will-change:transform;pointer-events:none}.satellite-field>li{margin:0;padding:0}.satellite{position:absolute;top:var(--y, 50%);left:var(--x, 50%);width:12px;height:12px;margin:0;padding:0;border:0;border-radius:50%;background:none;color:inherit;font:inherit;text-decoration:none;transform:translate3d(-50%,-50%,0);pointer-events:auto;cursor:pointer}.satellite--soon{cursor:default;pointer-events:none}.satellite:before{content:"";position:absolute;inset:-15px;border-radius:50%}.satellite:after{content:"";position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(143,247,255,.22);transition:inset .3s ease,border-color .3s ease,box-shadow .3s ease}.satellite--soon:after{border-style:dashed;border-color:#a78bfa66;animation:spin 22s linear infinite}.satellite__node{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f2ffff,#8ff7ff 52%,#6d5cff);box-shadow:0 0 10px #8ff7ffbf,0 0 22px #6d5cff80;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.satellite--soon .satellite__node{background:radial-gradient(circle at 35% 30%,#d9d4ff,#a78bfa 55%,#4c3aa8);box-shadow:0 0 8px #a78bfa8c,0 0 18px #6d5cff59}.satellite__label{position:absolute;top:50%;left:calc(100% + 13px);display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:.34rem .55rem .3rem;border:1px solid rgba(124,112,255,.28);border-radius:3px;background:linear-gradient(180deg,#0a0a1ad1,#05050e99);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transform:translateY(-50%) translate(var(--label-shift, 0px));white-space:nowrap;transition:border-color .3s ease,box-shadow .3s ease,background .3s ease}.satellite__label:before{content:"";position:absolute;top:50%;right:100%;width:var(--label-line, 13px);height:1px;background:linear-gradient(90deg,transparent,rgba(143,247,255,.45))}.satellite.is-flipped .satellite__label{right:calc(100% + 13px);left:auto;align-items:flex-end;text-align:right}.satellite.is-flipped .satellite__label:before{right:auto;left:100%;background:linear-gradient(270deg,transparent,rgba(143,247,255,.45))}.satellite__name{font-size:clamp(.625rem,1.15vmin,.7rem);font-weight:500;letter-spacing:.14em;line-height:1;color:#c9c8ff;transition:color .3s ease,text-shadow .3s ease}.satellite__state{font-family:var(--mono);font-size:clamp(.625rem,.92vmin,.68rem);letter-spacing:.16em;line-height:1;color:#8ff7ffb8}.satellite--soon .satellite__state{color:#c4b5fdc7}.satellite:hover .satellite__node{transform:scale(1.28)}.satellite:hover:after{inset:-10px;border-color:#8ff7ff73}.satellite:hover .satellite__label,.satellite.is-active .satellite__label{border-color:#8ff7ff6b;background:linear-gradient(180deg,#0e0e22e6,#060610ad);box-shadow:0 0 22px #6d5cff38}.satellite.is-active .satellite__name{color:#eefeff;text-shadow:0 0 12px rgba(143,247,255,.45)}.satellite.is-active .satellite__node{box-shadow:0 0 12px #8ff7ffe6,0 0 30px #6d5cff99}.satellite.is-active:after{inset:-10px;border-color:#8ff7ff80}.satellite:focus-visible{outline:none}.satellite:focus-visible .satellite__node{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--cyan),0 0 22px #8ff7ffe6}.satellite:focus-visible .satellite__label{border-color:#8ff7ffe6;outline:1px solid rgba(143,247,255,.5);outline-offset:3px;box-shadow:0 0 26px #6d5cff59}.satellite.is-ping .satellite__node{animation:ping .7s ease-out 1}.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;padding-top:.7rem;border-top:1px solid rgba(124,112,255,.16)}.telemetry{display:inline-flex;align-items:center;gap:.5rem;padding:.42rem .8rem;border:1px solid rgba(124,112,255,.28);border-radius:999px;background:#0606128c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-family:var(--mono);font-size:clamp(.625rem,1vmin,.68rem);letter-spacing:.12em;white-space:nowrap}.telemetry__dot{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px #8ff7ffe6;animation:pulse-dot 2.4s ease-in-out infinite}.telemetry__name{color:#eefeff}.telemetry__state{color:#8ff7ffcc}.telemetry[data-state=soon] .telemetry__dot{background:var(--indigo-soft);box-shadow:0 0 8px #a78bfae6}.telemetry[data-state=soon] .telemetry__state{color:#c4b5fde6}.motion-toggle{display:inline-grid;place-items:center;width:40px;height:40px;margin:0;padding:0;border:1px solid rgba(124,112,255,.32);border-radius:50%;background:#0606128c;color:#8ff7ffe6;cursor:pointer;transition:border-color .25s ease,background .25s ease,color .25s ease}.motion-toggle svg{width:16px;height:16px;fill:currentColor}.motion-toggle__play,body.is-paused .motion-toggle__pause{display:none}body.is-paused .motion-toggle__play{display:block}.motion-toggle:hover{border-color:#8ff7ff8c;background:#0e0e22cc;color:#eefeff}.motion-toggle:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.motion-toggle:disabled{border-color:#8b8bb43d;border-style:dashed;background:#06061247;color:#8b8bb49e;opacity:1;cursor:not-allowed}.motion-toggle:disabled:hover{border-color:#8b8bb43d;background:#06061247;color:#8b8bb49e}.nojs-apps{width:min(100%,420px);margin-top:1rem;border:1px solid rgba(124,112,255,.28);background:#06061299}.nojs-apps ul{display:grid;gap:.2rem;margin:0;padding:.9rem 1rem;list-style:none}.nojs-apps li{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;color:var(--ink-dim)}.nojs-apps a{color:var(--cyan);text-decoration:none}.nojs-apps a:focus-visible{outline:1px solid var(--cyan);outline-offset:3px}body.is-paused .orbit-arc,body.is-paused .orbit-arc-group--reverse,body.is-paused .core__ring,body.is-paused .core__halo,body.is-paused .core__disc,body.is-paused .satellite--soon:after,body.is-paused .telemetry__dot,body.is-paused .nebula{animation-play-state:paused}@keyframes spin{to{transform:rotate(360deg)}}@keyframes breathe{0%,to{opacity:.75;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}@keyframes core-pulse{0%,to{filter:brightness(1);box-shadow:0 0 26px #8ff7ff80,0 0 64px #6d5cff8c,0 0 120px #4c34be59,inset 0 0 22px #8ff7ff73,inset 0 -10px 26px #140c40b3}50%{filter:brightness(1.12);box-shadow:0 0 34px #8ff7ff9e,0 0 82px #6d5cffa8,0 0 150px #4c34be6b,inset 0 0 28px #8ff7ff8c,inset 0 -10px 26px #140c40b3}}@keyframes pulse-dot{0%,to{opacity:.55;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}@keyframes ping{0%{transform:scale(1);box-shadow:0 0 #8ff7ffb3}to{transform:scale(1);box-shadow:0 0 0 18px #8ff7ff00}}@keyframes drift-a{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(6%,5%,0) scale(1.12)}}@keyframes drift-b{0%{transform:translate3d(1%,2%,0) scale(1.05)}to{transform:translate3d(-7%,-4%,0) scale(.95)}}@keyframes drift-c{0%{transform:translate3d(-4%,2%,0) scale(.92)}to{transform:translate3d(4%,-6%,0) scale(1.08)}}@media(max-width:720px){.scene{padding:18px 16px 16px}.stage{width:min(100%,64vh)}.satellite__label{left:calc(100% + 10px);padding:.32rem .5rem .3rem;border-radius:2px}.satellite.is-flipped .satellite__label{right:calc(100% + 10px)}.satellite__name{font-size:.625rem;letter-spacing:.12em}.satellite__state{font-size:.625rem;letter-spacing:.14em}.footer{gap:.6rem}.telemetry{font-size:.625rem;letter-spacing:.1em}}@media(max-width:400px){.scene{padding:16px 14px 14px}.brand{letter-spacing:.24em}.stage{width:min(100%,62vh)}.satellite__label{left:calc(100% + 8px);padding:.3rem .45rem .28rem}.satellite.is-flipped .satellite__label{right:calc(100% + 8px)}.satellite__name{letter-spacing:.1em}.satellite__state{letter-spacing:.12em}}@media(max-height:560px)and (orientation:landscape){.scene{padding:12px 20px}.stage{width:min(100%,64vh,480px)}.masthead{padding-bottom:.4rem}.footer{padding-top:.4rem}}@media(prefers-reduced-motion:reduce){.nebula,.orbit-arc,.orbit-arc-group--reverse,.core__ring,.core__halo,.core__disc,.satellite--soon:after,.telemetry__dot,.satellite.is-ping .satellite__node{animation:none}.satellite,.satellite__node,.satellite__label,.satellite:after,.motion-toggle{transition:none}.skip-link{transition:none}}