@font-face{font-family:Haas;src:url('../assets/AlteHaasGroteskRegular.woff')}@font-face{font-family:Haas;src:url('../assets/AlteHaasGroteskBold.woff');font-weight:700}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070b12;color:#eef1f5;font-family:Haas,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}header{height:88px;max-width:1500px;margin:auto;padding:0 5%;display:flex;align-items:center;border-bottom:1px solid #202730;gap:60px}.brand{font-size:19px;letter-spacing:5px;white-space:nowrap}.brand b{font-weight:400;letter-spacing:3px;font-size:14px;margin-left:9px}.orbit{display:inline-block;position:relative}.orbit:after{content:'';position:absolute;inset:7px -5px;border:1px solid #68bfff;border-radius:50%;transform:rotate(-35deg)}nav{display:flex;gap:30px;height:100%;align-items:center}nav a,nav button{background:none;border:0;color:#8c97a8;font-size:13px;padding:0}.active{color:#fff;position:relative}.active:after{position:absolute;content:'';height:2px;background:#78bdff;bottom:-35px;left:0;right:0}.preview{margin-left:auto;font:10px monospace;letter-spacing:1px;color:#9ba7b7;white-space:nowrap}i{width:5px;height:5px;background:#73caff;border-radius:50%;display:inline-block;box-shadow:0 0 12px #53b7ff;margin-right:8px}main{max-width:1500px;margin:auto;padding:0 5%}.intro{display:flex;justify-content:space-between;align-items:center;padding:46px 0 24px}.eyebrow{font:10px/1.6 monospace;letter-spacing:1.8px;color:#8496ae;margin:0 0 15px}h1{font-size:clamp(36px,4.5vw,65px);line-height:1.04;letter-spacing:-2.8px;margin:0;font-weight:700}h1 span{color:#a0b1c7}.sub{font-size:14px;color:#97a3b4;margin:20px 0 0}.mission-code{display:flex;flex-direction:column;gap:12px;text-align:right;font:10px monospace;letter-spacing:1.7px;color:#73849b}.mission-code strong{font-size:30px;color:#d0d9e5;font-weight:400;letter-spacing:2px}.viewport{position:relative;height:370px;margin:0 -1%;border-bottom:1px solid #253243;overflow:hidden}canvas{display:block;width:100%;height:100%}.map-label{position:absolute;left:1%;top:16px;font:9px monospace;letter-spacing:1.7px;color:#8596ae}.map-label span{margin:0 8px}.telemetry{position:absolute;bottom:17px;left:1%;right:1%;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1.5px;color:#738299}#flightState{color:#8fc8ef}#motion{position:absolute;right:1%;top:9px;background:#0c1420;border:1px solid #253347;color:#abc1d7;width:30px;height:30px;border-radius:50%}#arrival{position:absolute;top:57px;left:50%;transform:translateX(-50%);text-align:center;font:11px monospace;letter-spacing:2px;color:#ffcb86;pointer-events:none;opacity:0;transition:opacity .4s;white-space:nowrap}#arrival.show{opacity:1}.console{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:50px;align-items:center;padding:29px 0;border-bottom:1px solid #202b39}.destination .eyebrow{margin-bottom:6px}.destination h2{margin:0;font-size:26px;letter-spacing:-.5px}.destination h2 span{font-size:18px;color:#79b7ee}.destination p:last-child{font-size:12px;color:#8e9db0;margin-bottom:0}.fuel-label,.fuel-foot{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1px;color:#8191a5}.fuel-label strong{color:#bbc9d9;font-weight:400}.track{height:4px;background:#233043;margin:15px 0 12px;border-radius:4px;overflow:hidden}.track div{height:100%;width:0;background:#7dbeff;box-shadow:0 0 15px #45a9ff;transition:width .5s}.primary{background:#bfe0ff;border:0;border-radius:5px;color:#0a1928;padding:18px 22px;font-weight:700;font-size:13px;display:flex;justify-content:space-between;gap:15px;transition:background .2s,transform .2s}.primary:hover{background:#e5f2ff;transform:translateY(-2px)}.primary:disabled{opacity:.5;cursor:default}.lower{display:grid;grid-template-columns:1.65fr 1fr;gap:65px;padding:30px 0 36px}.section-top{display:flex;justify-content:space-between;align-items:center;color:#6f8198;font:9px monospace;letter-spacing:1px}.section-top h3{font:10px monospace;font-weight:400;color:#b7c8da;letter-spacing:1px}.empty{display:flex;align-items:center;gap:18px;padding:25px 0;color:#8c9db2}.empty strong{font-size:13px;font-weight:400}.empty p{font-size:12px;color:#61748e}.signal{font-size:30px;color:#5d88b8}.event{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #162230;animation:enter .5s ease}.avatar{display:grid;place-items:center;width:30px;height:30px;background:#142d40;color:#91caff;border-radius:50%;font:10px monospace}.event-body{flex:1}.event strong{font-size:11px;color:#b4c8dd}.event p{font-size:12px;color:#7b90ab;margin:5px 0 0}.event time{font:9px monospace;color:#55708b}.event em{font:10px monospace;color:#8cceff;font-style:normal}aside{border-left:1px solid #243042;padding-left:34px}aside h3{font-size:24px;line-height:1.2;font-weight:400;letter-spacing:-.6px;margin:0}aside>p:not(.eyebrow){font-size:12px;color:#7d8da2;line-height:1.7}#reset{border:0;background:none;color:#879caf;font-size:11px;padding:7px 0}footer{border-top:1px solid #202b39;display:flex;justify-content:space-between;gap:15px;padding:23px 0;font:8px/1.7 monospace;letter-spacing:1px;color:#586d86}dialog{background:#101a28;color:#e1edfa;border:1px solid #354b65;border-radius:12px;padding:40px;max-width:500px;width:90%}dialog::backdrop{background:#02060ddd;backdrop-filter:blur(8px)}dialog h2{font-size:32px;letter-spacing:-1px}dialog>p{font-size:13px;color:#92a7be;line-height:1.6}dialog ol{padding:0;list-style:none}dialog li{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid #25364a;font-size:12px}dialog li span{color:#7d94ad;font-size:11px}#closePlan{position:absolute;right:15px;top:10px;background:none;border:0;color:white;font-size:28px}.note{font-size:11px!important}button:focus-visible,a:focus-visible{outline:2px solid #9ad5ff;outline-offset:5px}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.viewport{height:440px}}@media(max-width:760px){header{height:70px;gap:20px;padding:0 6%}.brand{font-size:15px;letter-spacing:3px}.brand b{font-size:10px;letter-spacing:2px;margin-left:4px}nav{margin-left:auto;gap:15px}nav a{display:none}.preview{display:none}main{padding:0 6%}.intro{padding:34px 0 16px}.mission-code{display:none}h1{letter-spacing:-1.5px;font-size:43px}.sub{font-size:12px}.viewport{height:330px;margin:0 -4%}.map-label{font-size:7px;left:4%}.telemetry{font-size:7px;left:4%;right:4%;letter-spacing:.3px}.telemetry span:last-child{display:none}.console{grid-template-columns:1fr 1fr;gap:24px;padding:24px 0}.primary{grid-column:1/-1;justify-content:center;gap:30px}.destination h2{font-size:23px}.fuel-label,.fuel-foot{font-size:7px;letter-spacing:0}.lower{grid-template-columns:1fr;gap:30px}aside{border-left:0;border-top:1px solid #263549;padding:25px 0 0}footer{flex-direction:column;gap:5px}#arrival{font-size:8px;top:52px}.destination p:last-child{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.intro{padding:30px 0 16px}h1{font-size:clamp(34px,3.4vw,49px)}.intro h1 br{display:none}.intro h1 span{margin-left:12px}.viewport{height:520px;border:1px solid #1d2e43;border-radius:12px;margin-top:15px;background:radial-gradient(ellipse at 76% 30%,#0f2030,#060b13 65%)}.map-label{left:24px;top:23px}.telemetry{left:24px;right:24px;bottom:22px}#motion{right:20px;top:16px}.scene-note{position:absolute;left:25px;top:62px;display:flex;flex-direction:column;gap:9px}.scene-note span{font:8px monospace;letter-spacing:2px;color:#6e86a0}.scene-note strong{font:11px monospace;letter-spacing:1px;color:#b3cbe1}.console{gap:40px}#arrival{top:65px;background:#0e2034dd;border:1px solid #345470;padding:12px 18px;border-radius:30px;z-index:2}@media(min-width:1600px){.viewport{height:590px}}@media(max-width:760px){.intro h1 br{display:block}.intro h1 span{margin-left:0}.viewport{height:490px}.scene-note{left:17px;top:55px}.map-label{left:17px;font-size:7px;letter-spacing:1px}.telemetry{left:15px;right:15px}.console{gap:20px}.intro{padding-top:28px}#arrival{top:104px;max-width:95%;font-size:7px;padding:10px}}

/* Glossy mascot art direction */
body{background:#080712;color:#f8f7ff}header{border-color:#201c30;height:80px}.brand{font-weight:700;letter-spacing:-.5px;font-size:22px}.brand b{font-size:22px;letter-spacing:-.5px;font-weight:700;margin-left:3px}.orbit:after{border-color:#ffb367}nav a,nav button{color:#aba7bf}.active:after{background:#6862ff}.preview{color:#8d879e}i{background:#ff8759;box-shadow:0 0 12px #ff714d}.intro{text-align:center;justify-content:center;padding:29px 0 10px}.intro .eyebrow{color:#b4adc7;font-size:9px;letter-spacing:2px;margin-bottom:11px}.intro h1{font-size:46px;letter-spacing:-1.8px}.intro h1 br{display:none}.intro h1 span{color:#ffb272;margin-left:10px}.sub{margin-top:12px;color:#a6a0b8;font-size:13px}.viewport{background:radial-gradient(ellipse at 80% 25%,#1c183b 0%,#0b0a1b 45%,#080712 80%);border:0;border-radius:20px;height:535px;margin-top:0}.map-label{color:#928aab}.scene-note strong{color:#e4d9fa}.scene-note span{color:#8f81aa}.console{background:#141120;border:1px solid #292238;border-radius:18px;padding:25px 30px;margin-top:10px;gap:40px}.destination h2{font-weight:700;font-size:29px;letter-spacing:-1px}.destination h2 span{color:#ffb272}.eyebrow{color:#a496b6}.track{height:7px;background:#32283e;border-radius:6px}.track div{background:linear-gradient(90deg,#ff875d,#ffd49d);box-shadow:0 0 15px #fb9d7255}.primary{background:#615cff;color:#fff;border-radius:13px;box-shadow:inset 0 1px 0 #b0a4ff55,0 6px 26px #4940ff22;padding:19px 22px}.primary:hover{background:#7670ff}.lower{padding-top:34px}aside{border-color:#292238}.section-top h3{color:#c3b7d4}.event{border-color:#231d31}.avatar{background:#2c2241;color:#ffccab}.event em{color:#ffc090}.event strong{color:#d9cae9}.event p{color:#9a8eaf}#motion{border-color:#382e4d;background:#161124;color:#e2cffb}.telemetry{color:#7e7291}#flightState{color:#c6b3e0}footer{border-color:#231e30;color:#7f728e}.fuel-label,.fuel-foot{color:#a495b0}dialog{background:#161022;border-color:#3b2d4e;border-radius:22px}dialog li{border-color:#33253f}#arrival{background:#2a1836e8;border-color:#855036;color:#ffd3a1}aside h3{font-weight:700}@media(max-width:760px){header{height:70px}.brand,.brand b{font-size:17px}.intro{padding-top:26px}.intro h1{font-size:35px}.intro h1 br{display:none}.intro h1 span{margin-left:7px}.intro .eyebrow{font-size:7px;letter-spacing:1.4px}.viewport{height:490px}.console{padding:22px 18px;gap:22px}.primary{width:100%}.destination h2{font-size:25px}}@media(min-width:1600px){.viewport{height:600px}}

.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:38px;height:38px;object-fit:cover;border-radius:10px}@media(max-width:760px){.brand-mark{width:29px;height:29px}.brand{gap:7px}}

/* Mobile-inspired thesis notifications */
.brand>span{font-size:25px;letter-spacing:-1.4px;font-weight:700}.brand-mark{border-radius:50%}#thesisSky{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:3}.flying-notice{position:absolute;width:300px;left:0;top:calc(115px + var(--lane)*100px);background:#211b30ed;border:1px solid #65537665;border-radius:21px;padding:13px 15px;box-shadow:0 16px 44px #0006,inset 0 1px 0 #ffffff0d;backdrop-filter:blur(16px);animation:thesis-flight 9s ease-in-out both;will-change:transform,opacity}.notice-top{display:flex;align-items:center;gap:7px;margin-bottom:11px}.notice-top img{width:20px;height:20px;border-radius:6px}.notice-top>span{font-size:12px;font-weight:700;letter-spacing:-.4px;color:#f0e8fc}.notice-top small{font:7px monospace;letter-spacing:.7px;background:#ffffff0b;color:#b9aacb;padding:3px 5px;border-radius:5px}.notice-top time{font:10px Haas,sans-serif;color:#93879f;margin-left:auto}.notice-content{display:flex;gap:10px;align-items:center}.notice-avatar{width:33px;height:33px;flex:0 0 33px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#8761d4,#3b2764);font-size:10px;color:#ffdeb8;font-weight:700}.notice-content strong{font-size:11px;color:#f6edf9}.notice-content p{font-size:12px;line-height:1.5;margin:3px 0 0;color:#c3b5d0}.notice-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff0b;margin-top:10px;padding-top:9px;gap:8px}.notice-bottom span{font-size:9px;color:#9a8bab}.notice-bottom b{font:8px monospace;color:#ffc48b;letter-spacing:.4px}.event{display:block;border:1px solid #3a2e49;border-radius:20px;background:#1b1526;padding:15px 17px;margin:12px 0;box-shadow:inset 0 1px 0 #ffffff05}.event .notice-content strong{font-size:12px}.event .notice-content p{font-size:13px;margin-top:4px;color:#cabbd5}.event .notice-top time{font-size:10px}.event .notice-bottom span{font-size:10px}@keyframes thesis-flight{0%{transform:translateX(calc(100vw + 20px)) translateY(15px) rotate(3deg);opacity:0}12%{opacity:1}30%,65%{transform:translateX(calc(min(65vw,780px) - var(--lane)*110px)) translateY(0) rotate(-2deg);opacity:1}100%{transform:translateX(-350px) translateY(-40px) rotate(-5deg);opacity:0}}@media(max-width:760px){.brand>span{font-size:21px}.flying-notice{width:265px;top:calc(100px + var(--lane)*90px)}@keyframes thesis-flight{0%{transform:translateX(110vw) translateY(10px);opacity:0}18%,65%{transform:translateX(calc(50vw - 148px)) translateY(0);opacity:1}100%{transform:translateX(-300px) translateY(-25px);opacity:0}}}@media(prefers-reduced-motion:reduce){#thesisSky{display:none}}

.source-status{font-size:11px;line-height:1.6;color:#a99abd;margin:16px 0}.source-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#b8a1e6}.source-link:hover{color:#eee5ff}.preview.offline{color:#ffb18b}.notice-content p{overflow-wrap:anywhere;max-height:110px;overflow:auto}.flying-notice .notice-content p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:70px}.primary{align-items:center}@media(max-width:760px){#connection{display:block;position:absolute;top:73px;right:6%;font-size:7px}.intro{padding-top:40px}}

img.notice-avatar{object-fit:cover;display:block}