@font-face{font-family:Barlow;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/barlow-300.woff2) format("woff2")}:root{--void: #000000;--starlight: #ecf0f6;--ice: #b0c6ff;--nebula: #5c70c8;--orchid: #8c5abe;--px: 0;--py: 0;--warp: 0;--charge: 0;--near: 0;--size: clamp(150px, 32vmin, 310px);--orbit: min(calc(var(--size) * 1.95), calc(100vw - 40px) );--tilt: rotateZ(-14deg) rotateX(72deg);--out: cubic-bezier(.22, 1, .36, 1);--swing: cubic-bezier(.7, 0, .2, 1)}html,body,#root{margin:0;height:100%;background:var(--void)}body{overflow:hidden;color-scheme:dark;color:var(--starlight);font-family:Barlow,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#050814 0%,var(--void) 70%);touch-action:pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.nebula{position:absolute;top:-12%;right:-12%;bottom:-12%;left:-12%;pointer-events:none;transform:translate3d(calc(var(--px) * -14px),calc(var(--py) * -14px),0);transition:opacity 3.2s ease .3s}.cloud{position:absolute;border-radius:50%;will-change:transform}.cloud-a{width:78vmax;height:62vmax;left:-8%;top:-6%;background:radial-gradient(closest-side,rgba(92,112,200,.22),rgba(92,112,200,.06) 55%,transparent);animation:drift-a 46s ease-in-out infinite alternate}.cloud-b{width:70vmax;height:56vmax;right:-10%;bottom:-8%;background:radial-gradient(closest-side,rgba(140,90,190,.16),rgba(140,90,190,.04) 60%,transparent);animation:drift-b 58s ease-in-out infinite alternate}.sky{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse at 50% 50%,transparent 56%,rgba(0,0,0,.62) 100%)}.grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.scene{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;perspective:1100px;pointer-events:none}.rig{position:relative;z-index:1;width:var(--size);height:var(--size);perspective:1100px;transform:rotateX(calc(var(--py) * -8deg)) rotateY(calc(var(--px) * 10deg))}.orbit{position:absolute;left:50%;top:50%;width:var(--orbit);height:var(--orbit);margin:calc(var(--orbit) / -2) 0 0 calc(var(--orbit) / -2);transform:var(--tilt);transition:transform 1.9s var(--swing) .15s}.ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.ring circle{fill:none;stroke-width:.55}@media(max-width:600px),(max-height:500px){.ring circle{stroke-width:.85}}.ring-base{stroke:#ecf0f612;transition:stroke .3s ease}.ring-arc{stroke:#ecf0f657;stroke-dasharray:1;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:100px 100px;transition:stroke 1.6s ease .3s}.ring-charge{stroke:#ffffffe6;stroke-width:.8;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--charge));transform:rotate(-90deg);transform-origin:100px 100px;opacity:calc(var(--charge) * 2)}.moon{position:absolute;left:50%;top:50%;z-index:2;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#fff,#dce6f8 45%,#8d9cb9);box-shadow:0 0 5px 1px #ffffff8c,0 0 14px 3px #b0c6ff59;pointer-events:none;transition:opacity 1.2s ease 2s}.moon.is-behind{z-index:0}.counter{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:300;font-size:clamp(12px,1.5vmin,15px);letter-spacing:.42em;text-indent:.42em;font-variant-numeric:tabular-nums;color:#ecf0f6d1;opacity:0;pointer-events:none;transition:opacity .45s ease,filter .5s ease,transform .5s ease}.halo{position:absolute;left:50%;top:50%;width:calc(var(--size) * .92);height:calc(var(--size) * .92);translate:-50% -50%;opacity:calc(.75 + var(--warp) * .25 + var(--near) * .3 + var(--charge) * .4);transform:scale(calc(1 + var(--warp) * .35 + var(--near) * .12 + var(--charge) * .55));pointer-events:none}.halo-core{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,rgba(176,198,255,.3),rgba(92,112,200,.08) 48%,transparent 68%);opacity:.55}.flash{position:absolute;left:50%;top:50%;width:var(--orbit);height:var(--orbit);translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.85),rgba(176,198,255,.25) 35%,transparent 70%);opacity:0;pointer-events:none}.shock{position:absolute;left:50%;top:50%;width:var(--size);height:var(--size);translate:-50% -50%;border-radius:50%;border:1px solid rgba(220,230,255,.7);box-shadow:0 0 24px #b0c6ff66,inset 0 0 24px #b0c6ff40;pointer-events:none;animation:shock calc(1.1s + var(--power, 0) * .5s) var(--out) forwards}.logo{position:absolute;top:0;right:0;bottom:0;left:0;display:block;padding:0;margin:0;border:0;border-radius:50%;background:none;color:inherit;cursor:pointer;pointer-events:auto;outline:none;touch-action:none;-webkit-touch-callout:none;transform:scale(calc(1 - var(--charge) * .07))}.scene:has(.logo:focus-visible) .ring-base{stroke:#ecf0f68c}.scene:has(.logo:focus-visible) .halo{opacity:1}.bloom{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;filter:blur(14px);opacity:calc(.2 + var(--warp) * .8 + var(--charge) * .5 + var(--near) * .25);transform:scale(calc(1.05 + var(--warp) * .15 + var(--charge) * .1));will-change:opacity,transform;pointer-events:none}.mark{position:relative;width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 0 10px rgba(176,198,255,.35))}.glyphs.kicked{transform-box:fill-box;transform-origin:center;animation:kick .7s var(--out) both}.fringe{opacity:0}.fringe-r{animation:fringe-r .6s var(--out) both}.fringe-b{animation:fringe-b .6s var(--out) both}.glyph-line{stroke:#fff;stroke-width:9;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0;opacity:0}.sweep{transform:translate(-120%);opacity:0;pointer-events:none}.is-reveal .sweep,.is-idle .sweep{animation:seal 1.1s ease-in-out 3.4s both,sweep 9s ease-in-out 6.5s infinite}@media(hover:hover){.logo:hover .sweep{animation:seal 1.1s ease-in-out both}}.is-load .nebula{opacity:0;transition:none}.is-load .orbit{transform:none;transition:none}.is-load .ring-arc{stroke:#ecf0f6d9;stroke-dashoffset:1}.is-load .ring-base{stroke:#ecf0f61f}.is-load .moon{opacity:0;transition:none}.is-load .ring-charge,.is-load .halo{opacity:0}.is-load .counter{opacity:1}.is-load .logo{opacity:0;pointer-events:none}.is-reveal .counter{filter:blur(6px);transform:scale(1.3)}.is-reveal .flash{animation:flash 1.5s var(--out) both}.is-reveal .glyph-line{opacity:.95;animation:draw 1.1s var(--swing) both}.is-reveal .line-n{animation-delay:.3s}.is-reveal .line-b{animation-delay:.95s}.is-reveal .line-c{animation-duration:.6s;animation-delay:1.75s}.is-reveal .glyph-lines{animation:lines-out .8s ease 2.4s both}.is-reveal .glyph-fill{animation:fill .8s ease 2.3s both}.is-reveal .bloom{animation:ignite 1.4s ease 2.3s both}.is-reveal .halo-core,.is-idle .halo-core{animation:rise 2.6s ease .6s both,breathe 7s ease-in-out 3.2s infinite}.stage[data-quality="1"] .mark,.stage[data-quality="2"] .mark{filter:none}.stage[data-quality="1"] .cloud,.stage[data-quality="2"] .cloud{animation:none}.stage[data-quality="2"] .nebula,.stage[data-quality="2"] .grain,.stage[data-quality="2"] .bloom{display:none}.is-still .cloud,.is-still .moon,.is-still .halo-core,.is-still .sweep{animation:none}.is-still .halo-core{opacity:.7}.is-still .sweep{opacity:0}.is-still .moon{transition:none}.is-still .ring-charge{display:none}@media(prefers-reduced-motion:reduce){.orbit,.logo,.counter{transition:none}}@keyframes draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes lines-out{0%{opacity:1}to{opacity:0}}@keyframes fill{0%{opacity:0}to{opacity:1}}@keyframes ignite{0%{opacity:0}45%{opacity:1}to{opacity:calc(.2 + var(--warp) * .8 + var(--charge) * .5 + var(--near) * .25)}}@keyframes rise{0%{opacity:0;transform:scale(.6)}to{opacity:.55;transform:scale(1)}}@keyframes breathe{0%,to{opacity:.55}50%{opacity:.95}}@keyframes flash{0%{opacity:0;transform:scale(.15)}14%{opacity:.9}to{opacity:0;transform:scale(2.4)}}@keyframes shock{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(calc(3.2 + var(--power, 0) * 2.6))}}@keyframes kick{0%{transform:scale(1)}22%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes fringe-r{0%{opacity:0;transform:translate(0)}18%{opacity:.9;transform:translate(-3.2px,.6px)}to{opacity:0;transform:translate(0)}}@keyframes fringe-b{0%{opacity:0;transform:translate(0)}18%{opacity:.9;transform:translate(3.2px,-.6px)}to{opacity:0;transform:translate(0)}}@keyframes seal{0%{transform:translate(-120%);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(120%);opacity:0}}@keyframes sweep{0%,55%{transform:translate(-120%);opacity:0}66%{opacity:1}88%,to{transform:translate(120%);opacity:0}}@keyframes drift-a{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(6%,4%,0) scale(1.12)}}@keyframes drift-b{0%{transform:translateZ(0) scale(1.05)}to{transform:translate3d(-7%,-5%,0) scale(.95)}}