.sky{display:block;width:100%;height:100%}.sky,.sky-orb{pointer-events:none}.sky__tilt{display:block;width:100%;height:100%;transform-origin:50% 60%;transform:perspective(560px) rotateX(var(--sky-rx, 0deg)) rotateY(var(--sky-ry, 0deg)) translate(var(--sky-px, 0%),var(--sky-py, 0%));transition:transform .24s cubic-bezier(.22,.9,.36,1)}.sky__move{display:block;width:100%;height:100%;transform-origin:50% 90%}.sky__sprite{display:block;width:100%;height:100%;background-repeat:no-repeat;background-size:500% 400%;background-position:var(--sky-pos);transform-origin:50% 90%;animation:sky-pop .46s cubic-bezier(.22,1.1,.36,1)}.sky[data-frames=true] .sky__sprite{animation:sky-pop .46s cubic-bezier(.22,1.1,.36,1),sky-frames 1.3s linear infinite}.sky[data-motion=float] .sky__move{animation:sky-float 4.2s ease-in-out infinite}.sky[data-motion=hop] .sky__move{animation:sky-hop 1.25s ease-in-out infinite}.sky[data-motion=sway] .sky__move{animation:sky-sway 2.1s ease-in-out infinite alternate}.sky[data-motion=pulse] .sky__move{animation:sky-pulse 1.6s ease-in-out infinite}.sky[data-motion=shake] .sky__move{animation:sky-shake 3.2s ease-in-out infinite}.sky[data-motion=droop] .sky__move{animation:sky-droop 4.4s ease-in-out infinite alternate}.sky[data-motion=nudge] .sky__move{animation:sky-nudge 2s ease-in-out infinite}.sky[data-motion=peek] .sky__move{animation:sky-peek 3.4s ease-in-out infinite}.sky[data-motion=fly] .sky__move{animation:sky-fly 2.6s ease-in-out infinite alternate}.sky[data-motion=breathe] .sky__move{animation:sky-breathe 4.8s ease-in-out infinite}.sky[data-reduced=true] .sky__move,.sky[data-reduced=true] .sky__sprite{animation:none!important}.sky[data-reduced=true] .sky__tilt{transform:none;transition:none}@keyframes sky-pop{0%{transform:perspective(560px) rotateY(-42deg) scale(.86);opacity:.5}55%{transform:perspective(560px) rotateY(9deg) scale(1.05);opacity:1}to{transform:perspective(560px) rotateY(0) scale(1)}}@keyframes sky-frames{0%,49.99%{background-position:var(--sky-pos)}50%,to{background-position:var(--sky-pos2, var(--sky-pos))}}@keyframes sky-float{0%,to{transform:perspective(560px) translateY(0) rotateY(-7deg) rotateX(1.5deg)}50%{transform:perspective(560px) translateY(-5%) rotateY(7deg) rotateX(-1.5deg)}}@keyframes sky-hop{0%,to{transform:perspective(560px) translateY(0) rotateY(-6deg) scale(1.03,.97)}35%{transform:perspective(560px) translateY(-11%) rotateY(14deg) scale(.98,1.03)}60%{transform:perspective(560px) translateY(0) rotateY(0) scale(1.03,.97)}75%{transform:perspective(560px) translateY(-3%) rotateY(-4deg) scale(1)}}@keyframes sky-sway{0%{transform:perspective(560px) rotate(-3deg) rotateY(-14deg) translateY(0)}to{transform:perspective(560px) rotate(3deg) rotateY(14deg) translateY(-2%)}}@keyframes sky-pulse{0%,to{transform:perspective(560px) scale(1) rotateX(0)}50%{transform:perspective(560px) scale(1.05) rotateX(4deg)}}@keyframes sky-shake{0%,28%,to{transform:perspective(560px) translate(0) rotate(0) rotateY(0)}4%{transform:perspective(560px) translate(-4%) rotate(-3deg) rotateY(-8deg)}8%{transform:perspective(560px) translate(4%) rotate(3deg) rotateY(8deg)}12%{transform:perspective(560px) translate(-3%) rotate(-2deg) rotateY(-6deg)}16%{transform:perspective(560px) translate(3%) rotate(2deg) rotateY(6deg)}20%{transform:perspective(560px) translate(-1%) rotate(-1deg) rotateY(-2deg)}}@keyframes sky-droop{0%{transform:perspective(560px) translateY(0) rotateX(0) scale(1)}to{transform:perspective(560px) translateY(3%) rotateX(9deg) scale(.98)}}@keyframes sky-nudge{0%,to{transform:perspective(560px) translate(0) rotateY(-3deg)}50%{transform:perspective(560px) translate(4%) rotateY(10deg)}}@keyframes sky-peek{0%,to{transform:perspective(560px) translateY(16%) rotateX(8deg)}35%,65%{transform:perspective(560px) translateY(0) rotateX(0)}}@keyframes sky-fly{0%{transform:perspective(560px) translate(-4%,3%) rotate(-4deg) rotateY(-12deg)}to{transform:perspective(560px) translate(4%,-3%) rotate(2deg) rotateY(10deg)}}@keyframes sky-breathe{0%,to{transform:perspective(560px) scale(1) rotateX(0)}50%{transform:perspective(560px) scale(1.035) rotateX(-3deg)}}.sky-orb{position:relative;display:inline-block;flex-shrink:0}.sky-tile{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:26%;background:#172e52;box-shadow:inset 0 0 0 1.5px color-mix(in oklab,var(--gold, #d6ad62) 75%,transparent),0 6px 18px #07111f59}.sky-gloss{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--sky-gx, 32%) var(--sky-gy, 22%),rgb(255 255 255 / .4),transparent 56%);mix-blend-mode:soft-light;opacity:.7}.sky-shadow{position:absolute;left:16%;right:16%;bottom:-11%;height:12%;border-radius:50%;background:radial-gradient(closest-side,rgb(0 0 0 / .5),transparent);filter:blur(2px);pointer-events:none;animation:sky-shadow 4.2s ease-in-out infinite}.sky-glow{position:absolute;inset:-12%;border-radius:34%;background:radial-gradient(closest-side,rgb(74 168 255 / .55),transparent);opacity:.55;pointer-events:none;animation:sky-glow 3.2s ease-in-out infinite}.sky-ring{position:absolute;inset:0;border-radius:26%;border:2px solid color-mix(in oklab,var(--gold, #d6ad62) 70%,transparent);pointer-events:none;animation:sky-ring 1.8s ease-out infinite}.sky-orb[data-reduced=true] .sky-glow,.sky-orb[data-reduced=true] .sky-ring,.sky-orb[data-reduced=true] .sky-shadow{animation:none}.sky-orb[data-reduced=true] .sky-ring{display:none}@keyframes sky-glow{0%,to{opacity:.35;transform:scale(.96)}50%{opacity:.7;transform:scale(1.06)}}@keyframes sky-shadow{0%,to{transform:scaleX(1);opacity:.55}50%{transform:scaleX(.72);opacity:.3}}@keyframes sky-ring{0%{opacity:.8;transform:scale(.96)}to{opacity:0;transform:scale(1.35)}}.sky-dots{display:inline-flex;align-items:center;gap:4px}.sky-dots>span{width:6px;height:6px;border-radius:999px;background:currentColor;animation:sky-dot 1.1s ease-in-out infinite}.sky-dots>span:nth-child(2){animation-delay:.15s}.sky-dots>span:nth-child(3){animation-delay:.3s}.sky-dots[data-reduced=true]>span{animation:none;opacity:.7}@keyframes sky-dot{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}