.mp-art{--mp-line:color-mix(in srgb, var(--foreground) 38%, transparent);--mp-line-soft:color-mix(in srgb, var(--foreground) 18%, transparent);--mp-shade:color-mix(in srgb, var(--foreground) 8%, transparent);--mp-surface:var(--card);--mp-surface-2:color-mix(in srgb, var(--foreground) 6%, var(--card));--mp-lime:var(--volt);--mp-lime-line:var(--volt-ink);--mp-sine-io:cubic-bezier(.37, 0, .63, 1);--mp-sine-out:cubic-bezier(.61, 1, .88, 1);--mp-sine-in:cubic-bezier(.12, 0, .39, 0);color:var(--foreground);display:block;overflow:visible}.mp-line,.mp-line-soft,.mp-line-lime,.mp-dash,.mp-planet-body,.mp-box,.mp-box-soft,.mp-fill-lime{vector-effect:non-scaling-stroke}.mp-line,.mp-line-soft,.mp-line-lime,.mp-dash{fill:none;stroke-linecap:round;stroke-linejoin:round}.mp-line{stroke:var(--mp-line);stroke-width:1.5px}.mp-line-soft{stroke:var(--mp-line-soft);stroke-width:1.25px}.mp-line-lime{stroke:var(--mp-lime-line);stroke-width:1.75px}.mp-dash{stroke:var(--mp-line);stroke-width:1.5px;stroke-dasharray:2.5 6.5}.mp-dash-lime{stroke:var(--mp-lime-line);stroke-dasharray:3 6}.mp-planet-body{fill:var(--mp-surface-2);stroke:var(--mp-line);stroke-width:1.5px}.mp-planet-shade{fill:var(--mp-shade)}.mp-planet-ring-back,.mp-planet-ring-front{fill:none;stroke:var(--mp-lime-line);stroke-width:1.75px;stroke-linecap:round;vector-effect:non-scaling-stroke}.mp-planet-ring-back{opacity:.55}.mp-box{fill:var(--mp-surface);stroke:var(--mp-line);stroke-width:1.5px}.mp-box-soft{fill:var(--mp-surface-2);stroke:var(--mp-line-soft);stroke-width:1.25px}.mp-fill{fill:var(--mp-line)}.mp-fill-soft{fill:var(--mp-line-soft)}.mp-fill-lime{fill:var(--mp-lime);stroke:var(--volt-foreground);stroke-width:1.25px}.mp-star-fill{fill:var(--mp-lime);stroke:var(--volt-foreground);stroke-width:1.1px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.mp-tick{fill:none;stroke:var(--volt-foreground);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.mp-sparkle{fill:var(--mp-line)}.mp-speck{fill:var(--mp-line-soft)}@keyframes mp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes mp-twinkle{0%,to{opacity:1}50%{opacity:.2}}@keyframes mp-turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes mp-ell-x{0%{transform:translateX(var(--rx));animation-timing-function:var(--mp-sine-io)}50%{transform:translateX(calc(var(--rx) * -1));animation-timing-function:var(--mp-sine-io)}to{transform:translateX(var(--rx))}}@keyframes mp-ell-y{0%{animation-timing-function:var(--mp-sine-out);transform:translateY(0)}25%{transform:translateY(var(--ry));animation-timing-function:var(--mp-sine-io)}75%{transform:translateY(calc(var(--ry) * -1));animation-timing-function:var(--mp-sine-in)}to{transform:translateY(0)}}.mp-float{animation:11s ease-in-out infinite mp-float}.mp-twinkle{animation:7s ease-in-out infinite mp-twinkle}.mp-turn{transform-box:fill-box;transform-origin:50%;animation:120s linear infinite mp-turn}.mp-ell-x{transform:translateX(var(--sx,0px));animation:mp-ell-x var(--dur,40s) linear infinite;animation-delay:var(--delay,0s)}.mp-ell-y{transform:translateY(var(--sy,0px));animation:mp-ell-y var(--dur,40s) linear infinite;animation-delay:var(--delay,0s)}.mp-ell-reverse,.mp-ell-reverse .mp-ell-x,.mp-ell-reverse .mp-ell-y{animation-direction:reverse}.mp-card{--mp-shadow:#000000b3;border:1px solid var(--border);background:var(--card);box-shadow:inset 0 1px 0 color-mix(in srgb, var(--foreground) 6%, transparent), 0 30px 44px -36px var(--mp-shadow);border-radius:28px;position:relative;overflow:hidden}:root:not(.dark) .mp-card{--mp-shadow:#3c321452}.mp-stage{border:1px solid var(--border);background:color-mix(in srgb, var(--foreground) 4%, var(--card));border-radius:20px;overflow:hidden}.mp-scroller{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.mp-scroller::-webkit-scrollbar{display:none}.mp-scroller>*{scroll-snap-align:start}.mp-bleed{width:100vw;margin-inline:calc(50% - 50vw);padding-inline:max(1.25rem,50vw - 38.75rem);scroll-padding-inline:max(1.25rem,50vw - 38.75rem)}@media (min-width:640px){.mp-bleed{padding-inline:max(2rem,50vw - 38rem);scroll-padding-inline:max(2rem,50vw - 38rem)}}.mp-how-task,.mp-how-result{opacity:0;transition:transform 1.1s var(--ease-out), opacity .3s ease-out}.mp-how-task-card,.mp-how-result-card{transition:transform 1.1s var(--ease-out)}.mp-how[data-step="2"] .mp-how-task{opacity:1;transform:rotate(180deg)}.mp-how[data-step="2"] .mp-how-task-card{transform:rotate(-180deg)}.mp-how[data-step="3"] .mp-how-task,.mp-how[data-step="4"] .mp-how-task{transform:rotate(180deg)}.mp-how[data-step="3"] .mp-how-task-card,.mp-how[data-step="4"] .mp-how-task-card{transform:rotate(-180deg)}.mp-how[data-step="4"] .mp-how-result{opacity:1;transform:rotate(180deg)}.mp-how[data-step="4"] .mp-how-result-card{transform:rotate(-180deg)}.mp-how-chosen{transform-box:fill-box;transform-origin:50%;transition:transform .6s var(--ease-out), opacity .4s ease-out}.mp-how[data-step="4"] .mp-how-chosen{opacity:.35}.mp-how-others{transition:opacity .5s ease-out}.mp-how:not([data-step="1"]) .mp-how-others{opacity:.38}.mp-how-hold{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .35s ease-out, transform .55s var(--ease-out)}.mp-how[data-step="2"] .mp-how-hold,.mp-how[data-step="3"] .mp-how-hold{opacity:1}.mp-how[data-step="4"] .mp-how-hold{opacity:1;transition-delay:1s}.mp-how-shackle{transition:transform .45s var(--ease-out) 1s}.mp-how[data-step="4"] .mp-how-shackle{transform:translateY(-3px)}.mp-how-lock-body{transition:fill .4s ease-out 1s}.mp-how[data-step="4"] .mp-how-lock-body{fill:var(--mp-lime)}.mp-how-hub{transition:opacity .35s ease-out}.mp-how-computer{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .35s ease-out, transform .55s var(--ease-out);transform:scale(.8)}.mp-how[data-step="3"] .mp-how-computer{opacity:1;transform:scale(1)}.mp-how-work{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .4s ease-out}.mp-how[data-step="3"] .mp-how-work{opacity:1;animation:14s linear infinite mp-turn}.mp-how-glad{opacity:0;transform-box:fill-box;transform-origin:50%;transition:opacity .3s ease-out, transform .5s var(--ease-out);transform:scale(.85)}.mp-how[data-step="4"] .mp-how-glad{opacity:1;transition-delay:1s;transform:scale(1)}.mp-how-state{transition:opacity .3s ease-out}@media (prefers-reduced-motion:reduce){.mp-float,.mp-twinkle,.mp-turn,.mp-ell-x,.mp-ell-y{animation:none}.mp-how-task,.mp-how-result,.mp-how-task-card,.mp-how-result-card,.mp-how-chosen,.mp-how-others,.mp-how-hold,.mp-how-shackle,.mp-how-lock-body,.mp-how-computer,.mp-how-work,.mp-how-glad,.mp-how-state{transition:none}.mp-how[data-step="3"] .mp-how-work{animation:none}}