html,body,.landing-page{transition:background-color .45s ease,color .45s ease}
.orb-aura{display:none}
.landing-orb,.landing-orb:hover,.landing-orb:focus-visible,.landing-stage.is-dragging .landing-orb,.landing-stage.is-steering .landing-orb{box-shadow:0 0 0 5px var(--paper)}
.profile-eyes{fill:var(--blue);stroke:none;opacity:0;transform:scale(.45);transform-origin:50px 34px;transition:opacity .2s ease,transform .28s cubic-bezier(.22,1,.36,1)}
.landing-stage.is-profile .profile-eyes,.profile-portal:hover .profile-eyes,.profile-portal:focus-visible .profile-eyes{opacity:1;transform:scale(1)}
.field-rings i{border-color:rgba(65,105,232,.09)}
.field-rings i::before{border-color:rgba(65,105,232,.3)}
.trail-dot{width:3px;height:3px;animation-duration:.65s}

.theme-toggle{
 display:grid;
 width:42px;
 height:42px;
 padding:0;
 place-items:center;
 border:1px solid color-mix(in srgb,var(--muted) 24%,transparent);
 border-radius:50%;
 background:color-mix(in srgb,var(--ink) 5%,transparent);
 color:var(--ink);
 cursor:pointer;
 transition:transform .25s ease,background .3s ease,border-color .3s ease,color .3s ease;
}
.theme-toggle svg{width:25px;height:25px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .theme-sun{opacity:0;transform:rotate(-25deg) scale(.7);transform-origin:20px 20px;transition:opacity .3s ease,transform .4s cubic-bezier(.22,1,.36,1)}
.theme-toggle .theme-moon{opacity:1;transform-origin:20px 20px;transition:opacity .3s ease,transform .4s cubic-bezier(.22,1,.36,1)}
.theme-toggle:hover,.theme-toggle:focus-visible{outline:0;border-color:var(--blue);background:color-mix(in srgb,var(--blue) 12%,transparent);color:var(--blue);transform:translateY(-2px) rotate(-4deg)}
.theme-toggle:active{transform:translateY(1px) scale(.91)}
.theme-toggle.just-changed{animation:theme-sketch-pop .42s ease}

html.theme-dark{--paper:#11131a;--ink:#f0efe9;--muted:#aaa9a3;--line:#343947;--blue:#7694ff}
.theme-dark .theme-toggle .theme-moon{opacity:0;transform:rotate(25deg) scale(.7)}
.theme-dark .theme-toggle .theme-sun{opacity:1;transform:rotate(0) scale(1)}
.theme-dark .field-rings i{border-color:rgba(118,148,255,.13)}
.theme-dark .field-rings i::before{border-color:rgba(118,148,255,.34)}

@keyframes theme-sketch-pop{45%{transform:scale(1.12) rotate(5deg)}}
@media(max-width:650px){.theme-toggle{width:36px;height:36px}.theme-toggle svg{width:22px;height:22px}}
@media(prefers-reduced-motion:reduce){.theme-toggle{animation:none!important}}