@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";:root{color:#e6edf0;background:#010207;font-family:Inter,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button{color:inherit;font:inherit}.app-shell,.canvas-wrap,.ui-frame,.scanlines{position:absolute;top:0;right:0;bottom:0;left:0}.app-shell{overflow:hidden;background:#010207}.canvas-wrap{z-index:0}.scanlines{z-index:1;pointer-events:none;opacity:.35;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:100% 4px;mix-blend-mode:screen}.ui-frame{z-index:2;pointer-events:none;border:1px solid rgba(176,209,222,.08)}.topbar{display:flex;position:absolute;inset:0 0 auto;height:76px;align-items:center;gap:36px;padding:0 40px;border-bottom:1px solid rgba(159,202,217,.15);background:linear-gradient(180deg,rgba(1,4,10,.77),rgba(1,4,10,.28));-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);pointer-events:auto}.brand{display:flex;align-items:center;min-width:266px;gap:13px}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(150,211,230,.55);transform:rotate(45deg)}.brand-mark span{display:block;width:13px;height:13px;border:1px solid #82d3ee}.brand strong,.brand small,.mission-clock strong,.mission-clock small{display:block}.brand strong{color:#edf9fb;font-family:Barlow Condensed,Arial,sans-serif;font-size:24px;letter-spacing:.2em;line-height:.9}.brand small,.mission-clock small{margin-top:7px;color:#bedae18f;font-family:Barlow Condensed,Arial,sans-serif;font-size:10px;letter-spacing:.22em}.top-nav{display:flex;height:100%;align-items:stretch;gap:34px}.top-nav button,.menu-toggle{border:0;background:transparent;cursor:pointer}.top-nav button{position:relative;padding:0;color:#c4dade8c;font-family:Barlow Condensed,Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:.22em}.top-nav button.is-active{color:#d9f6fa}.top-nav button.is-active:after{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#68c6e4;box-shadow:0 0 12px #5bcbebcc;content:""}.mission-clock{display:flex;margin-left:auto;align-items:center;gap:12px;text-align:right}.mission-clock strong{margin-top:4px;color:#d8eef0;font-family:Barlow Condensed,Arial,sans-serif;font-size:16px;font-weight:500;letter-spacing:.12em}.live-dot{width:7px;height:7px;border-radius:50%;background:#73d6a6;box-shadow:0 0 12px #73d6a6}.menu-toggle{display:none}.left-rail{display:flex;position:absolute;top:76px;bottom:0;left:0;width:48px;align-items:center;flex-direction:column;padding-top:23px;border-right:1px solid rgba(159,202,217,.12)}.rail-index,.rail-copy,.bottom-status,.orbit-controls{color:#bcd9de7a;font-family:Barlow Condensed,Arial,sans-serif;font-size:10px;letter-spacing:.2em}.rail-copy{margin:17px 0;writing-mode:vertical-rl}.rail-line{width:1px;height:104px;margin-top:13px;background:rgba(149,205,222,.2)}.rail-line-short{height:58px}.hero-copy{position:absolute;top:22.5%;left:8.8%;width:min(475px,37vw);transition:opacity .4s ease,transform .5s ease}.hero-copy.is-condensed{opacity:0;pointer-events:none;transform:translate(-25px)}.section-kicker,.detail-panel>p{color:#82c7d8;font-family:Barlow Condensed,Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.3em}.section-kicker{display:flex;align-items:center;gap:10px}.section-kicker span{width:26px;height:1px;background:#72c6df}h1{margin:15px 0 18px;color:#f1f5f3;font-family:Barlow Condensed,Arial,sans-serif;font-size:clamp(66px,7vw,112px);font-weight:600;letter-spacing:.04em;line-height:.78;text-shadow:0 4px 35px rgba(92,159,184,.1)}h1 em{color:#d8e5e3d9;font-size:.66em;font-style:normal;font-weight:400;letter-spacing:.38em}.hero-description{width:370px;color:#cddddea1;font-size:13px;line-height:1.8}.explore-button{display:flex;height:44px;margin-top:25px;align-items:center;gap:11px;padding:0 18px;border:1px solid rgba(129,208,225,.55);color:#d4f4f5;background:rgba(50,124,145,.12);cursor:pointer;font-family:Barlow Condensed,Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:.19em;pointer-events:auto;transition:.18s ease}.explore-button:hover{border-color:#97e7f4e6;background:rgba(80,171,192,.19)}.explore-button svg,.interaction-hint svg{width:16px;height:16px;fill:none;stroke:#79d2e9;stroke-width:1.3}.glass-card{border:1px solid rgba(141,190,205,.14);background:linear-gradient(135deg,rgba(6,18,29,.68),rgba(4,9,17,.36));box-shadow:inset 0 0 0 1px #c2ebf206,0 12px 36px #0000002e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.telemetry-card{position:absolute;top:102px;right:28px;width:228px;padding:14px}.card-heading,.detail-footer{display:flex;align-items:center;justify-content:space-between;color:#c5dfe3a6;font-family:Barlow Condensed,Arial,sans-serif;font-size:10px;font-weight:600;letter-spacing:.2em}.card-heading i{color:#70daa6;font-size:9px;font-style:normal}.orbit-graphic{position:relative;height:104px;margin:10px 0;overflow:hidden}.earth-mini,.orbit-ring,.station-pip{position:absolute;border-radius:50%}.earth-mini{right:57px;bottom:-38px;width:86px;height:86px;border:1px solid rgba(103,195,220,.5);background:radial-gradient(circle at 38% 28%,rgba(74,176,192,.65),rgba(5,44,68,.8) 62%,rgba(1,9,16,.6));box-shadow:0 0 18px #399cd133}.orbit-ring{right:10px;bottom:-51px;width:180px;height:108px;border:1px solid rgba(118,189,208,.25);transform:rotate(-13deg)}.orbit-ring-two{right:-14px;bottom:-64px;width:215px;height:142px;opacity:.55}.station-pip{top:31px;left:44px;width:6px;height:6px;background:#e6a767;box-shadow:0 0 11px #e6a767}.telemetry-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 9px;padding-top:12px;border-top:1px solid rgba(141,190,205,.13)}.telemetry-grid small,.telemetry-grid strong{display:block;font-family:Barlow Condensed,Arial,sans-serif}.telemetry-grid small{color:#b7d2d773;font-size:9px;letter-spacing:.2em}.telemetry-grid strong{margin-top:4px;color:#dceced;font-size:17px;font-weight:500;letter-spacing:.08em}.telemetry-grid i{color:#b0d4d880;font-size:9px;font-style:normal}.detail-panel{visibility:hidden;position:absolute;top:134px;left:78px;width:min(330px,calc(100vw - 48px));padding:22px 20px 17px;opacity:0;pointer-events:none;transform:translate(-18px);transition:.32s ease}.detail-panel.is-visible{visibility:visible;opacity:1;pointer-events:auto;transform:translate(0)}.detail-panel h2{margin:11px 0 13px;color:#ecf3f1;font-family:Barlow Condensed,Arial,sans-serif;font-size:34px;font-weight:500;letter-spacing:.045em}.close-detail{position:absolute;top:12px;right:14px;border:0;color:#c5e1e6a6;background:transparent;cursor:pointer;font-size:23px;font-weight:300;transform:rotate(45deg)}.detail-rule{height:1px;background:rgba(142,200,215,.18)}.detail-rule span{display:block;width:35%;height:1px;background:#70c3d9}.detail-metric{display:flex;margin:18px 0 10px;align-items:baseline;gap:11px}.detail-metric strong{color:#e3f2ef;font-family:Barlow Condensed,Arial,sans-serif;font-size:30px;font-weight:500;letter-spacing:.06em}.detail-metric small,.detail-footer{color:#bdd7d97a;font-family:Barlow Condensed,Arial,sans-serif;font-size:9px;letter-spacing:.21em}.detail-body{color:#c9dcdc9e;font-size:12px;line-height:1.72}.detail-footer{margin-top:18px;padding-top:12px;border-top:1px solid rgba(141,190,205,.13)}.detail-footer b{color:#8bdcaf;font-size:10px;font-weight:500}.detail-footer b i{display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:#70daa6;box-shadow:0 0 8px #70daa6}.interaction-hint{display:flex;position:absolute;top:54%;left:52%;align-items:center;gap:9px;opacity:0;color:#cce7eac4;font-family:Barlow Condensed,Arial,sans-serif;font-size:11px;letter-spacing:.16em;pointer-events:none;transition:opacity .3s ease}.interaction-hint.is-visible{opacity:1;animation:hint-float 2.4s ease-in-out infinite}.interaction-hint small{color:#acccd173;font-size:9px}.bottom-status{display:flex;position:absolute;bottom:29px;left:76px;gap:23px}.bottom-status b{color:#8dd8b5cc;font-weight:500}.orbit-controls{display:flex;position:absolute;right:28px;bottom:29px;gap:18px}.model-credit{position:absolute;right:28px;bottom:51px;margin:0;color:#bcd9de66;font-family:Barlow Condensed,Arial,sans-serif;font-size:9px;letter-spacing:.14em;pointer-events:auto}.model-credit a{color:#92d1e0ad;text-decoration:none}.model-credit a:hover{color:#cbeef2}.orbit-controls span{display:flex;align-items:center;gap:7px}.mouse-icon,.scroll-icon{display:inline-block;width:10px;height:14px;border:1px solid rgba(174,211,218,.46);border-radius:5px}.scroll-icon:before{display:block;width:1px;height:4px;margin:2px auto;background:rgba(174,211,218,.65);content:""}.scene-nav{display:flex;position:absolute;bottom:60px;left:50%;align-items:stretch;transform:translate(-50%);pointer-events:auto}.scene-nav button{display:flex;width:122px;min-height:56px;align-items:center;gap:8px;padding:0 11px;border:0;border-right:1px solid rgba(141,190,205,.12);color:#b8cfd394;background:transparent;cursor:pointer;font-family:Barlow Condensed,Arial,sans-serif;letter-spacing:.1em;text-align:left;transition:.18s ease}.scene-nav button:last-child{border-right:0}.scene-nav button:hover,.scene-nav button.is-active{color:#e2f1f0;background:rgba(76,155,176,.1)}.scene-nav small{color:#74c7dd99;font-size:9px}.scene-nav span{flex:1;font-size:12px}.scene-nav svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.3}.scene-hotspot{position:relative;width:25px;height:25px;border:0;border-radius:50%;background:transparent;cursor:pointer}.scene-hotspot span{position:absolute;top:50%;left:24px;width:max-content;padding:5px 7px;border-left:1px solid rgba(115,204,229,.72);color:#daf1f1d6;background:rgba(2,12,20,.65);font-family:Barlow Condensed,Arial,sans-serif;font-size:9px;letter-spacing:.14em;opacity:0;transform:translate(4px,-50%);transition:.17s ease}.scene-hotspot:hover span,.scene-hotspot.is-selected span{opacity:1;transform:translateY(-50%)}@keyframes hint-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media (max-width: 980px){.topbar{padding:0 20px}.top-nav{display:none}.telemetry-card{right:16px}.hero-copy{left:9%}.scene-nav button{width:100px}}@media (max-width: 720px){.topbar{height:64px;padding:0 15px}.brand{min-width:0}.brand strong{font-size:19px}.brand small,.mission-clock small{font-size:8px}.mission-clock{margin-left:auto}.mission-clock strong{font-size:12px}.left-rail,.telemetry-card,.bottom-status,.orbit-controls,.model-credit{display:none}.hero-copy{top:13%;left:22px;width:calc(100% - 44px)}.hero-description{display:none}.explore-button{margin-top:22px}.detail-panel{top:84px;left:15px;width:min(320px,calc(100vw - 30px))}.interaction-hint{top:59%;left:42%}.scene-nav{right:12px;bottom:14px;left:12px;overflow-x:auto;transform:none}.scene-nav button{width:auto;min-width:96px;min-height:49px;padding:0 9px}.scene-nav span{font-size:11px}}