@font-face{font-family:Manrope;src:url('/assets/manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--space:#03060d;--white:#f4f7ff;--muted:#a2acc1;--ice:#c2d8ff}
*{box-sizing:border-box}body{margin:0;background:var(--space);color:var(--white);font-family:Manrope,sans-serif;-webkit-font-smoothing:antialiased}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}[hidden]{display:none!important}.sky{position:fixed;inset:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 50% 110%,#18284470,transparent 57%),radial-gradient(1px 1px at 12% 17%,#8c9bbb,transparent),radial-gradient(1px 1px at 88% 66%,#8c9bbb,transparent);z-index:0}.sky::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#03060d28 0%,transparent 65%)}canvas{display:block;width:100%;height:100%}.page{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;width:min(100%,1440px);margin:auto;padding:32px 48px 24px}.masthead{display:flex;align-items:center;justify-content:space-between;min-height:40px}.brand{display:flex;gap:10px;align-items:center;font-size:20px;font-weight:750;letter-spacing:-.8px}.brand svg{width:30px;height:30px;color:var(--ice)}main{flex:1;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 0 56px}.orbit{width:112px;height:96px;margin-bottom:24px;filter:drop-shadow(0 0 22px #7aabff23)}.orbit svg{width:100%;height:100%}h1{font-size:clamp(46px,6.7vw,84px);font-weight:650;line-height:1.1;letter-spacing:-.065em;margin:0;text-wrap:balance}.intro{font-size:16px;line-height:1.8;color:var(--muted);margin:25px 0 30px}.import{display:flex;align-items:center;justify-content:center;gap:11px;min-height:62px;padding:17px 30px;border:1px solid #fff;border-radius:16px;background:#f0f5ff;color:#101d34;text-decoration:none;font-size:16px;font-weight:750;box-shadow:0 0 36px #9fbeff18,0 2px 0 #ffffff24 inset;transition:background .2s,box-shadow .2s,transform .2s}.import svg{width:22px;height:22px}.import:hover{background:#d4e3ff;box-shadow:0 0 45px #9fbeff30;transform:translateY(-2px)}.import:active{transform:translateY(0)}.import:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--ice);outline-offset:6px}.instruction{color:#919db4;font-size:12px;margin:16px 0 25px;line-height:1.6}footer{text-align:center;color:#8692a9;font-size:11px;line-height:1.8;padding:10px 0 0;letter-spacing:.015em}
@media(min-width:1000px) and (min-height:850px){main{padding-bottom:80px}.orbit{margin-bottom:30px}.intro{margin-top:28px}}
@media(max-width:600px){.page{padding:22px 24px 20px}.brand{font-size:18px}.brand svg{width:27px;height:27px}main{padding:40px 0}.orbit{width:100px;height:86px;margin-bottom:22px}h1{font-size:clamp(43px,12vw,66px)}.intro{font-size:14px;margin:23px 0 28px}.import{width:min(100%,290px);font-size:15px;min-height:60px}.instruction{font-size:11px;margin-bottom:24px}footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}
@media(min-width:601px) and (max-height:800px){main{padding:20px 0}.orbit{width:84px;height:72px;margin-bottom:12px}h1{font-size:64px}.intro{margin:16px 0 20px}.import{min-height:58px;padding:15px 26px}.instruction{margin:12px 0 16px}}

.help-trigger{border:0;border-bottom:1px dotted #a2acc166;padding:0 0 3px;background:none;color:#a2acc1;font:inherit;font-size:12px;line-height:1.75;cursor:pointer}.help-trigger:hover{color:#fff}
html{scrollbar-gutter:stable}body:has(dialog[open]){overflow:hidden}
dialog{width:min(440px,calc(100% - 40px));max-height:calc(100svh - 48px);padding:36px;border:1px solid #bacfff33;border-radius:26px;background:linear-gradient(145deg,#182238,#0b1220);color:#f4f7ff;box-shadow:0 32px 120px #0009;overflow:auto;font-family:Manrope,sans-serif}
dialog::backdrop{background:#02050b80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
dialog[open]{animation:modal-in .22s ease-out}dialog form{margin:0}.close{position:absolute;right:16px;top:16px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:#ffffff09;color:#bac8df;cursor:pointer}.close:hover{background:#ffffff18;color:white}.close svg{width:22px;height:22px}.dialog-icon{display:grid;place-items:center;width:42px;height:42px;margin:0 0 20px;background:#c2d8ff12;border:1px solid #c2d8ff30;border-radius:14px;color:#d6e4ff;font-size:22px}dialog h2{margin:0 0 16px;font-size:26px;font-weight:650;letter-spacing:-.04em}dialog p{color:#b8c4d9;font-size:14px;line-height:1.85;margin:0 0 20px}dialog strong{color:#eff5ff;font-weight:650}dialog .dialog-note{font-size:12px;padding-top:18px;border-top:1px solid #ffffff12;color:#99a7c0}.dialog-done{width:100%;padding:14px 18px;border:0;border-radius:12px;background:#e7efff;color:#111d32;font-size:14px;font-weight:750;cursor:pointer}.dialog-done:hover{background:white}
@keyframes modal-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:600px){dialog{padding:28px}.help-trigger{font-size:11px}}
@media(prefers-reduced-motion:reduce){dialog[open]{animation:none}}