@font-face{font-family:Neue Montreal;src:url(/fonts/neue-montreal.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:Geist Mono;src:url(/fonts/geist-mono.woff2) format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Aref Ruqaa;src:url(/fonts/ArefRuqaa-Regular.ttf) format("truetype");font-weight:400;font-display:swap}:root{font-family:Neue Montreal,Arial,sans-serif;color:var(--ink);background:var(--page);--page:#000;--ink:#fff;font-synthesis:none;--blue:#2e6fff;--rule:cubic-bezier(.22,.8,.24,1);--settle:cubic-bezier(.4,0,.2,1);--text-size:28px}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none}body{-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:focus-visible,a:focus-visible{outline:1px solid var(--ink);outline-offset:8px}a{color:inherit;text-decoration:none}button:disabled{cursor:default}#wabi{position:relative;width:100%;height:100%;height:100dvh;overflow:hidden;touch-action:none;isolation:isolate;background:var(--page)}#scene{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.back{position:absolute;left:10%;top:10%;width:24px;height:24px;z-index:5}.back svg{width:24px;height:24px;display:block}.back:before{content:"";position:absolute;inset:-12px}.back:hover{opacity:.7}.start{position:absolute;left:50%;top:50%;transform:translate(-50%,-100%);font-size:var(--text-size);line-height:1.2;white-space:nowrap;z-index:3}.start:focus-visible{border-radius:2px}.swipe{position:absolute;width:48px;height:48px;left:50%;bottom:49px;transform:translate(-50%);filter:invert(1);pointer-events:none;opacity:.8}.orb-hit{position:absolute;width:400px;height:400px;border-radius:50%;left:50%;top:100%;transform:translate(-50%,-50%);z-index:2;cursor:grab;touch-action:none}.orb-hit:active{cursor:grabbing}.orb-hit:focus-visible{outline:1px dashed #ffffff80;outline-offset:12px}.greeting{position:absolute;left:0;top:100%;width:100%;text-align:center;font-size:var(--text-size);line-height:1.2;transform:translateY(-.85em);opacity:0;z-index:3;pointer-events:none}.greeting h1,.greeting p{margin:0;font-size:inherit;line-height:inherit;font-weight:400}.greeting h1{height:43px;display:flex;align-items:center;justify-content:center}.name-line{position:relative;height:43px;display:grid;place-items:center}.english-name{white-space:nowrap;transition:opacity 1.6s ease}.profile-name{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:9px;height:43px;font-family:Neue Montreal,Microsoft YaHei,sans-serif;font-size:25px;opacity:0;transition:opacity 1.6s ease;pointer-events:none}.avatar-ring{width:34px;height:34px;padding:2px;border:1px solid #b9c9e080;border-radius:50%;display:inline-flex;flex:none;background:var(--page)}.avatar-ring img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.name-line.profile .english-name{opacity:0}.name-line.profile .profile-name{opacity:1;pointer-events:auto}.likes{display:flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.reveal-trigger{display:inline-block;border:1px solid currentColor;border-radius:9999px;padding:0 .4em;line-height:1.05;font-size:.8em;position:relative;vertical-align:baseline;transition:background-color .15s,color .15s,border-color .15s;text-transform:uppercase}.reveal-trigger:hover,.reveal-trigger:focus-visible{color:#fff;background:var(--blue);border-color:var(--blue);cursor:help}.reveal-trigger[aria-expanded=true]{color:#000;background:#fff;border-color:#fff}.reveal-trigger[aria-expanded=true]:hover{background:var(--blue);border-color:var(--blue);color:#fff}.reveal-content{display:inline-block;transition:filter 1s,opacity 1s}.reveal-content[data-state=closed]{filter:blur(5px);opacity:1;-webkit-user-select:none;user-select:none}.reveal-content[data-state=open]{filter:blur(0);opacity:1}.word-trigger{padding:0 .35em;width:3.6em;flex:none}.flip-word{display:block;width:2.8em;height:1.15em;line-height:1.15;text-align:center;white-space:nowrap;text-transform:none;transition:opacity .8s ease;transform:translateZ(0)}.social{position:absolute;bottom:max(calc(15% - 68px),calc(env(safe-area-inset-bottom) + 18px));height:32px;left:50%;width:max-content;max-width:94%;transform:translate(-50%);background:transparent;display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;opacity:0;z-index:3;pointer-events:none}.social svg{width:24px;height:24px}.social:hover .social-account{text-decoration:underline;text-underline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.no-script{position:fixed;top:45%;left:10%;right:10%;text-align:center}#wabi[data-state=intro]{pointer-events:none}.blueprint{position:fixed;inset:0;z-index:20;overflow:hidden;pointer-events:none;--wipe:0px}.blueprint[hidden]{display:none}.blue-sheet{position:absolute;inset:0;background:var(--blue);color:#fff;clip-path:inset(var(--wipe) 0 0 0)}.blue-grid{position:absolute;inset:0;background:linear-gradient(#ffffff38 1px,transparent 1px) var(--origin,0px) 0/100px 100px,linear-gradient(90deg,#ffffff38 1px,transparent 1px) var(--origin,0px) 0/100px 100px,linear-gradient(#ffffff17 1px,transparent 1px) var(--origin,0px) 0/20px 20px,linear-gradient(90deg,#ffffff17 1px,transparent 1px) var(--origin,0px) 0/20px 20px;animation:grid-in .5s var(--settle) both}.draft-column{position:absolute;top:0;bottom:0;border-left:1px solid #ffffffb3;border-right:1px solid #ffffffb3;animation:vertical-rule .6s var(--rule) .08s both}.draft-cross{position:absolute;left:0;right:0;height:1px;background:#ffffff80;animation:horizontal-rule .5s var(--rule) .28s both}.draft-dim{position:absolute;height:1px;background:#fffc;animation:horizontal-rule .55s var(--rule) .2s both;font:9.5px Geist Mono,monospace;letter-spacing:.06em}.draft-dim:before,.draft-dim:after{content:"";position:absolute;top:-4px;width:1px;height:8px;background:#fffc}.draft-dim:before{left:0}.draft-dim:after{right:0}.draft-dim b{position:absolute;left:50%;top:-6px;transform:translate(-50%);font-weight:400;padding:0 6px;background:var(--blue);white-space:nowrap}.draft-box{position:absolute;border:1px solid #ffffffb3;border-radius:2px;background:repeating-linear-gradient(-45deg,#ffffff47 0 1px,transparent 1px 5px);animation:draw .34s var(--rule) both;animation-delay:calc(.56s + var(--i)*.11s)}.draft-box.control{border-style:dashed;background:none}.draft-box.prism{border-radius:50%;background:linear-gradient(to top right,transparent calc(50% - .5px),#ffffff66 calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to top left,transparent calc(50% - .5px),#ffffff66 calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px));animation-duration:.7s}.draft-label{position:absolute;top:-17px;left:0;padding:1px 4px;font:9px Geist Mono,monospace;letter-spacing:.06em;font-weight:400;background:var(--blue);white-space:nowrap}.draft-text{position:absolute;display:flex;align-items:center;justify-content:center;font-size:var(--text-size);white-space:nowrap;animation:letter-in .36s both;animation-delay:calc(1.5s + var(--i)*.07s)}.draft-note{position:absolute;font:10px Geist Mono,monospace;letter-spacing:.05em;opacity:.85;animation:horizontal-rule .5s var(--rule) .45s both;white-space:nowrap}.draft-ruler{position:absolute;left:20px;top:0;bottom:0;width:10px;background:repeating-linear-gradient(to bottom,#ffffff80 0 1px,transparent 1px 20px);animation:vertical-rule .6s var(--rule) both}.draft-origin{position:absolute;width:13px;height:13px;border:1px solid #ffffffb3;border-radius:50%;transform:translate(-50%,-50%);animation:grid-in .5s .6s both}.draft-origin:before,.draft-origin:after{content:"";position:absolute;background:#ffffffb3;left:-6px;right:-6px;height:1px;top:5px}.draft-origin:after{rotate:90deg}.wipe-edge{position:absolute;left:0;right:0;top:var(--wipe);height:3px;transform:translateY(-1px);background:linear-gradient(to bottom,#00d4ff,#fff 45% 55%,#ff4dd8);box-shadow:0 0 10px #ffffff8c;opacity:0}.blueprint.wiping .wipe-edge{opacity:1}.fallback-orb{position:absolute;border-radius:50%;border:2px solid #8d8da680;box-shadow:0 0 16px #c5c8f333,inset 0 0 5px #6a91c940;background:radial-gradient(circle at 30% 20%,#ffffff0c,transparent 70%);pointer-events:none}.webgl-fallback #scene{opacity:.8}@keyframes grid-in{0%{opacity:0}to{opacity:1}}@keyframes vertical-rule{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes horizontal-rule{0%{clip-path:inset(-20px 100% -20px 0)}to{clip-path:inset(-20px -30px -20px 0)}}@keyframes draw{0%{clip-path:inset(-20px 100% -20px 0);opacity:.5}to{clip-path:inset(-20px -160px -20px 0);opacity:1}}@keyframes letter-in{0%{opacity:0}to{opacity:1}}@keyframes unblur{0%{filter:blur(.1em)}to{filter:blur(0)}}@keyframes flip-out{to{transform:rotateX(90deg);opacity:0}}@keyframes flip-in{to{transform:rotateX(0);opacity:1}}@media(max-width:400px){:root{--text-size:26px}.likes{gap:5px}.draft-ruler{left:10px}.swipe{width:42px;height:42px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-delay:0ms!important;transition-duration:1ms!important}.blueprint{display:none}}.fallback-orb.night-earth{border-color:#50688955;background-image:radial-gradient(circle at 35% 30%,transparent 30%,#000b 100%),url(/earth-night.jpg);background-size:cover,200% 100%;box-shadow:0 0 5px #3266a51f,inset -9px -3px 18px #0009}:root[data-theme=day]{--page:#f4f6fa;--ink:#273242;color-scheme:light}:root[data-theme=night]{color-scheme:dark}html,body{background:var(--page)}.chrome-safe{position:fixed;left:0;right:0;top:0;height:max(env(safe-area-inset-top),2px);background:var(--page);z-index:10;pointer-events:none}#planet-scene{position:absolute;transform:translate(-50%,-50%);pointer-events:none;z-index:1}.greeting,.greeting *,.social{text-shadow:none;box-shadow:none}.name-line{width:max-content;min-width:230px;margin:0 auto;height:43px}.likes{min-height:43px}:root[data-theme=day] .swipe{filter:none}:root[data-theme=day] .reveal-trigger[aria-expanded=true]{background:#273242;border-color:#273242;color:#fff}@media(max-height:650px){:root{--text-size:24px}.greeting h1,.name-line,.likes{height:36px;min-height:36px}.social{bottom:max(18px,env(safe-area-inset-bottom))}}html,body,#wabi,#wabi *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#wabi img{-webkit-user-drag:none}.profile-name{transform:translate(-.375em)}.profile-name button{touch-action:manipulation}.avatar-ring{cursor:pointer}.profile-name{transform:none}.greeting h1{gap:.25em}.quiet-trigger{line-height:inherit;transition:color .25s}.quiet-trigger:hover{color:var(--blue)}.flip-word{transition:opacity .3s ease}#planet-scene{inset:0;width:100%;height:100%;transform:none;pointer-events:none;z-index:1}.object-caption{position:absolute;transform:translate(-50%);margin:0;font:10px Geist Mono,monospace;letter-spacing:.03em;color:var(--ink);white-space:nowrap;pointer-events:none;z-index:2;transition:opacity .4s}#celebrate:focus-visible{clip:auto;width:auto;height:auto;bottom:10px;left:50%;transform:translate(-50%);background:var(--page);padding:8px;z-index:12}.english-name,.profile-name,.flip-word{transition:none}:root[data-theme=day] .avatar-ring{border-color:#52617180}.back,.reveal-trigger,.quiet-trigger,.avatar-ring{transition:scale .22s cubic-bezier(.2,.8,.2,1),color .25s,opacity .25s}@media(hover:hover){.back:hover,.reveal-trigger:hover,.quiet-trigger:hover,.avatar-ring:hover{scale:1.025}}.back:active,.reveal-trigger:active,.quiet-trigger:active,.avatar-ring:active{scale:.975}.social-content{display:inline-flex;align-items:center;justify-content:center;gap:10px}.social-icon{display:inline-flex;flex:none;width:24px;height:24px}.social-icon svg{display:block;fill:currentColor}.social{color:var(--ink)}.social{scale:1;outline-offset:6px;-webkit-tap-highlight-color:transparent;transition:color .25s,opacity .25s}.social-content{transition:opacity .18s ease}.social:active .social-content{opacity:.58}.social:focus-visible{outline:1px dotted currentColor;border-radius:0}