:root{font-family:DM Sans,sans-serif;color:#f5f7ff;background:#050916;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer}#app{position:relative;width:100vw;height:100vh;min-height:600px;overflow:hidden;background:radial-gradient(ellipse at 62% 48%,#0c1736,#060b1b,#030611)}#universe{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:grab}#universe:active{cursor:grabbing}.vignette{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,20,.96) 0%,rgba(4,8,20,.65) 25%,transparent 54%),linear-gradient(0deg,rgba(4,8,20,.65),transparent 22%,transparent 75%,rgba(4,8,20,.3));z-index:1}.topbar,.footer{position:absolute;left:0;right:0;z-index:6;display:flex;justify-content:space-between;align-items:center}.topbar{top:0;padding:33px 4.7%}.brand{display:flex;flex-direction:column;gap:10px;align-items:flex-start;border:0;background:none;color:#fff;text-align:left;padding:0}.brand-logo{height:38px;width:auto;display:block}.brand small{display:block;color:#7b91ad;font-size:9px;letter-spacing:.24em}.topright{display:flex;align-items:center;gap:14px;color:#a1b5d1;font-size:10px;letter-spacing:.18em}.live-dot{width:6px;height:6px;border-radius:50%;background:#5bf4c1;box-shadow:0 0 12px #5bf4c1}.outline-button{margin-left:24px;border:1px solid #52617c77;border-radius:4px;background:#101c30a6;color:#e6f1ff;padding:12px 17px;font-size:10px;letter-spacing:.13em}.outline-button span{padding-left:14px;color:#6be4ff}.intro{position:absolute;z-index:3;left:7%;top:31%;max-width:445px;transition:opacity .55s,transform .55s}.intro.hidden{opacity:0;transform:translate(-25px);pointer-events:none}.eyebrow,.detail-kicker{font-size:10px;letter-spacing:.26em;color:#6ce3ff;font-weight:700}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow-line{width:29px;height:1px;background:#5fd9f4}.intro h1{font-family:Space Grotesk,sans-serif;font-size:clamp(43px,4.4vw,76px);line-height:1.08;letter-spacing:-.055em;font-weight:500;margin:24px 0}.intro h1 em{font-style:normal;color:#7bd6ef}.intro p{font-size:14px;color:#a8b6cb;line-height:1.9;max-width:365px;margin:0 0 30px}.primary-button{border:1px solid #68dfff;background:#64d9f3;color:#031422;padding:17px 23px;border-radius:3px;font-size:11px;font-weight:700;letter-spacing:.12em;box-shadow:0 0 35px #24d2ff33}.primary-button span{margin-left:25px}.primary-button:hover{background:#a1eeff}.footer{bottom:0;padding:25px 4.7%;font-size:9px;color:#8c9fbd;letter-spacing:.14em}.footer-left,.footer-right{display:flex;align-items:center;gap:14px}.footer i{font-style:normal;color:#426280}.orbit-icon{font-size:25px;color:#75c9e6}.footer-divider{width:1px;height:16px;background:#3d4b67}.star-labels{position:absolute;inset:0;z-index:4;pointer-events:none}.star-label{position:absolute;transform:translate(-50%);border:0;background:none;color:#fff;text-align:center;pointer-events:auto;transition:opacity .2s;min-width:110px;padding:7px 9px}.star-label strong{display:block;font-family:Space Grotesk,sans-serif;font-size:12px;letter-spacing:.04em;text-shadow:0 1px 9px #000}.star-label small{display:block;font-size:9px;letter-spacing:.1em;color:#91a7c2;margin-top:3px}.star-label:before{content:"";display:block;width:1px;height:19px;background:linear-gradient(#8ab6d1,transparent);margin:0 auto 4px;opacity:.8}.star-label:hover strong,.star-label.active strong{color:#7fe9ff}.detail{position:absolute;z-index:5;right:5%;top:21%;width:min(380px,90vw);min-height:470px;max-height:calc(79vh - 70px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3d4b67 transparent;padding:27px 30px 25px;border:1px solid #54709455;background:linear-gradient(135deg,#0d1930ed,#091123ed);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 20px 80px #0008;opacity:0;transform:translate(35px);pointer-events:none;transition:opacity .4s,transform .4s}.detail.visible{opacity:1;transform:none;pointer-events:auto}.detail-top,.detail-bottom{display:flex;justify-content:space-between;align-items:center}.detail-top{font-size:9px;color:#8199ba;letter-spacing:.2em}.detail-top button{border:0;background:none;color:#c1d1e7;font-size:28px;line-height:1}.detail-symbol{font-size:44px;margin-top:30px;color:#72dfff;text-shadow:0 0 22px currentColor}.detail-kicker{margin-top:17px}.detail h2{font-family:Space Grotesk,sans-serif;font-size:44px;letter-spacing:-.04em;font-weight:500;margin:11px 0}.detail-lead{font-size:15px;line-height:1.6;color:#dbeaff}.detail-rule{height:1px;background:#50627e70;margin:25px 0}.detail-copy{font-size:13px;color:#98abc5;line-height:1.9;min-height:90px}.detail-bottom{margin-top:35px;font-size:9px;color:#6ce3ff;letter-spacing:.14em}.detail-actions{display:flex;align-items:center;gap:20px}.detail-actions a{text-decoration:none}.detail-image{display:block;width:100%;border-radius:4px;border:1px solid #54709444;margin-top:20px}.detail-caps{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.detail-caps li{border:1px solid #54709455;border-radius:3px;padding:6px 10px;font-size:9px;letter-spacing:.12em;color:#a9c3e0}#detailImage[hidden],#detailCaps[hidden],#detailLink[hidden]{display:none}.detail::-webkit-scrollbar{width:4px}.detail::-webkit-scrollbar-thumb{background:#3d4b67;border-radius:2px}.text-button{border:0;background:none;color:#e0ecfc;font-size:10px;letter-spacing:.1em}.mobile-hint{display:none}@media(max-width:900px){.intro{top:24%;left:6%;max-width:360px}.intro h1{font-size:45px}.topright>span{display:none}.outline-button{margin-left:0}.detail{right:4%;top:22%}}@media(max-width:650px){#app{min-height:100svh}.topbar{padding:20px 5%}.brand-logo{height:27px}.brand small{font-size:7px}.outline-button{padding:10px;font-size:8px}.topright{gap:0}.intro{left:6%;right:6%;top:21%;max-width:none}.intro h1{font-size:40px;margin:18px 0}.intro p{font-size:12px;max-width:290px}.primary-button{padding:14px;font-size:10px}.vignette{background:linear-gradient(180deg,#050916aa 0%,#05091688 30%,transparent 60%,#05091699 100%)}.footer{padding:18px 5%;font-size:8px}.footer-left{display:none}.footer-right{width:100%;justify-content:space-between}.detail{inset:auto 5% 65px;width:auto;min-height:0;max-height:48vh;padding:20px 24px}.detail-symbol{margin-top:10px;font-size:30px}.detail h2{font-size:34px;margin:5px 0}.detail-copy{min-height:0}.detail-rule{margin:13px 0}.detail-bottom{margin-top:16px}.star-label strong{font-size:11px}.star-label small{font-size:8px}.mobile-hint{display:block;position:absolute;z-index:2;bottom:73px;left:6%;font-size:9px;color:#6f90ae;letter-spacing:.17em}}