html,body{height:100%;margin:0}body{min-height:100dvh;background:#fff;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;color:#18181b;font-family:Sunghyun Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#sky{position:fixed;top:0;left:0;right:0;height:70%;background:url(/sky.webp) center / cover no-repeat;-webkit-mask-image:linear-gradient(#000,#000 50%,transparent);mask-image:linear-gradient(#000,#000 50%,transparent);pointer-events:none;animation:fade .7s .25s cubic-bezier(.22,1,.36,1) both}main{position:absolute;inset:0;display:flex;flex-direction:column;max-width:560px;margin:0 auto;padding:max(0px,env(safe-area-inset-top)) env(safe-area-inset-right) calc(max(0px,env(safe-area-inset-bottom)) + 16px) env(safe-area-inset-left)}#stage{position:relative;flex:1;min-height:0}.ring{position:absolute;left:50%;top:50%;box-sizing:border-box;border:1.5px solid rgba(255,255,255,.35);border-radius:50%;pointer-events:none;opacity:0}.orbiter{position:absolute;left:50%;top:50%;box-sizing:border-box;overflow:hidden;border:2px solid #ffffff;background:#171717;box-shadow:0 6px 14px #0000002e;touch-action:none;opacity:0}.orbiter img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}#logo{position:absolute;left:50%;top:50%;margin:-44px 0 0 -44px;width:88px;height:88px;-webkit-user-drag:none;animation:pop .9s .25s cubic-bezier(.34,1.4,.64,1) both}#brand{display:grid;justify-items:center;padding:0 32px;animation:rise .7s .9s cubic-bezier(.22,1,.36,1) both}#wordmark{width:173px;height:65px;-webkit-user-drag:none}#tagline{box-sizing:border-box;align-self:stretch;display:flex;flex-direction:column;justify-content:center;height:72px;margin:4px 0 0;font-size:30px;font-weight:700;line-height:36px;text-align:center}#tagline .line{display:block;white-space:nowrap}#tagline .word{display:inline-block;white-space:nowrap}#tagline .char{display:inline-block;white-space:pre;animation:char-in .48s var(--delay) cubic-bezier(.34,1.3,.64,1) both}#tagline.leaving .char{animation:char-out .25s var(--delay) ease-in both}#bottom{display:grid;justify-items:center;gap:16px;padding:32px 24px 0;animation:rise .7s 1.1s cubic-bezier(.22,1,.36,1) both}#invite{display:grid;justify-items:center;gap:12px;text-align:center;-webkit-user-select:text;user-select:text}#invite[hidden]{display:none}#invite p{margin:0}#invite-lead{font-size:17px;opacity:.85}#invite-code{padding:10px 20px;border:2px dashed rgba(24,24,27,.4);border-radius:14px;font-size:26px;font-weight:800;letter-spacing:.02em}#invite-store{margin-top:8px;padding:14px 28px;border-radius:999px;background:#18181b;color:#fff;font-size:17px;font-weight:700;text-decoration:none}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}}@keyframes char-in{0%{opacity:0;transform:translateY(14px) scale(.85);filter:blur(10px)}}@keyframes char-out{to{opacity:0;transform:translateY(-20px) scale(.8) rotate(-15deg);filter:blur(10px)}}@media(prefers-reduced-motion:reduce){#sky,#logo,#brand,#bottom,#tagline .char{animation:none}}