/* Append after existing CSS. Keeps the existing palette choice in the owner's hands. */
:root{--peach:#ffd4bd;--yellow:#f6c95c;--sky:#b8ddec}
/* Continuous movement belongs to objects, NEVER inputs, caret or the form surface. */
.orbit-art .word-capsule{animation:inserta-capsule 7.8s ease-in-out infinite;animation-delay:-1.8s}
.orbit-art .capsule-memory{animation-duration:9.2s;animation-delay:-4s}
.orbit-art .capsule-song{animation-duration:8.4s;animation-delay:-.6s}
.orbit-art .orbit-sun{animation:inserta-sun 18s linear infinite}
.orbit-art .art-spark{animation:inserta-spark 7.3s ease-in-out infinite}
.orbit-art .orbit-path{animation:inserta-ribbon 10.8s ease-in-out infinite}
.scene-orbit{animation:inserta-background-round 19s ease-in-out infinite}
.scene-loop{animation:inserta-background-loop 23s ease-in-out infinite}
.scene-star{animation:inserta-background-star 24s ease-in-out infinite}
.scene-opening:before{display:none!important} /* No viewport-covering wipe. */
.scene-opening .studio-form{animation:none}
.step-enter{animation:none} /* Avoid animating focused heading/fields. Art has its own entrance. */
.stage-art{height:76px;margin:0 0 16px;isolation:isolate}
.stage-art svg{width:202px;height:76px;overflow:visible}
.stage-art-0 svg{width:176px}.stage-art-0 .name-ticket{left:43px;top:25px}
#step-content[data-step="6"] .stage-art{height:90px}
#step-content[data-step="6"] .stage-art svg{height:82px}
.v13-art{pointer-events:none;contain:layout style}
.v13-art [data-float]{transform-box:fill-box;transform-origin:center;animation:inserta-float 6.7s ease-in-out infinite}
.v13-art [data-float="slow"]{animation-duration:9.3s;animation-delay:-3s}
.v13-art [data-float="reverse"]{animation-direction:reverse;animation-delay:-2s}
.v13-art [data-swing]{transform-box:fill-box;transform-origin:50% 15%;animation:inserta-swing 7.5s ease-in-out infinite}
.v13-art [data-rotate]{transform-box:fill-box;transform-origin:center;animation:inserta-sun 24s linear infinite}
.v13-art [data-band]{transform-box:fill-box;transform-origin:center;animation:inserta-band 4.8s ease-in-out infinite}
.v13-art [data-band="2"]{animation-delay:-1.6s;animation-duration:5.7s}
.v13-art [data-band="3"]{animation-delay:-3.1s;animation-duration:6.3s}
.v13-art [data-letter]{transform-box:fill-box;transform-origin:center;animation:inserta-letter 7.8s ease-in-out infinite}
.v13-art [data-travel]{animation:inserta-travel 6.2s ease-in-out infinite}
.v13-art [data-stitch]{transform-box:fill-box;transform-origin:left center;animation:inserta-stitch 8.4s ease-in-out infinite}
.v13-art [data-stack]{transform-box:fill-box;transform-origin:center;animation:inserta-stack 9s ease-in-out infinite}
.v13-art [data-stack="2"]{animation-delay:-3s;animation-direction:reverse}
/* Pause freezes decorative CSS at its current frame; fields never animate. */
.motion-paused *, .motion-paused *::before, .motion-paused *::after,
.motion-suspended *, .motion-suspended *::before, .motion-suspended *::after,
[data-motion-offscreen="true"], [data-motion-offscreen="true"] *{animation-play-state:paused!important}
.motion-paused *, .motion-suspended *{transition:none!important}
@keyframes inserta-capsule{0%,100%{translate:0 0;rotate:-1.5deg}50%{translate:8px -19px;rotate:2.5deg}}
@keyframes inserta-sun{to{rotate:360deg}}
@keyframes inserta-spark{0%,100%{rotate:-10deg;scale:.92}50%{rotate:16deg;scale:1.12}}
@keyframes inserta-ribbon{0%,100%{translate:-6px 5px;rotate:-2deg}50%{translate:12px -9px;rotate:3deg}}
@keyframes inserta-background-round{0%,100%{translate:0 0;scale:1}50%{translate:-60px 58px;scale:1.08}}
@keyframes inserta-background-loop{0%,100%{translate:0 0;rotate:0deg}50%{translate:65px -38px;rotate:18deg}}
@keyframes inserta-background-star{0%,100%{translate:0 0;rotate:-12deg}50%{translate:-28px -48px;rotate:15deg}}
@keyframes inserta-float{0%,100%{translate:0 4px;rotate:-3deg}50%{translate:4px -7px;rotate:4deg}}
@keyframes inserta-swing{0%,100%{rotate:-9deg;translate:0 2px}50%{rotate:10deg;translate:3px -4px}}
@keyframes inserta-band{0%,100%{translate:-4px 4px;rotate:-3deg;scale:1 .95}50%{translate:6px -5px;rotate:4deg;scale:1 1.1}}
@keyframes inserta-letter{0%,100%{translate:0 3px;rotate:-2deg}50%{translate:0 -10px;rotate:3deg}}
@keyframes inserta-travel{0%,100%{translate:0 0}50%{translate:48px -9px}}
@keyframes inserta-stitch{0%,100%{scale:.92 1;translate:0 2px}50%{scale:1.08 1;translate:0 -3px}}
@keyframes inserta-stack{0%,100%{translate:0 0;rotate:-2deg}50%{translate:8px -4px;rotate:5deg}}
@media(max-width:650px){
 .stage-art{height:54px;margin:0 0 12px}.stage-art svg{width:150px;height:54px}.stage-art-0 svg{width:140px}.stage-art-0 .name-ticket{left:36px;top:14px;max-width:calc(100% - 40px)}
 .stage-caption{max-width:100px;font-size:8px}.scene-star{animation:none}.orbit-art .art-spark{animation:none}
 @keyframes inserta-capsule{0%,100%{translate:0 0;rotate:-1deg}50%{translate:3px -9px;rotate:2deg}}
 @keyframes inserta-background-round{0%,100%{translate:0 0}50%{translate:-24px 25px}}
 @keyframes inserta-background-loop{0%,100%{translate:0 0;rotate:0deg}50%{translate:26px -18px;rotate:10deg}}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}