/* Explicit per-page playback choice; the device preference remains the default. */
#autopilot-motion-toggle{position:fixed;z-index:10001;top:calc(12px + env(safe-area-inset-top,0px));right:calc(12px + env(safe-area-inset-right,0px));border:1px solid #9ebd69;border-radius:999px;background:#1b201ef0;color:#f5f2e9;font:650 13px/1.2 Pretendard,sans-serif;padding:10px 14px;min-height:36px;cursor:pointer;touch-action:manipulation;box-shadow:0 3px 14px #0002}
#autopilot-motion-toggle[hidden]{display:none!important}
#autopilot-motion-toggle:focus-visible{outline:2px solid #b8ed54;outline-offset:3px}
.motion-away *{animation-play-state:paused!important}
html[data-autopilot-motion=on] #cut-01 .d01-tap-hand{animation-name:d01-finger-tap!important;animation-duration:2.8s!important;animation-timing-function:cubic-bezier(.4,0,.2,1)!important;animation-iteration-count:infinite!important;animation-play-state:running!important}
html[data-autopilot-motion=on] #cut-01 .d01-touch-ring{display:block!important;animation-name:d01-touch-feedback!important;animation-duration:2.8s!important;animation-timing-function:ease-out!important;animation-iteration-count:infinite!important;animation-play-state:running!important}
html[data-autopilot-motion=on] #cut-16 .mobile-puzzle .piece{animation-duration:4.6s!important;animation-timing-function:cubic-bezier(.22,1,.36,1)!important;animation-iteration-count:infinite!important;animation-play-state:running!important}
html[data-autopilot-motion=on] #cut-16 .mobile-puzzle .piece.tl{animation-name:join-tl!important}
html[data-autopilot-motion=on] #cut-16 .mobile-puzzle .piece.tr{animation-name:join-tr!important}
html[data-autopilot-motion=on] #cut-16 .mobile-puzzle .piece.bl{animation-name:join-bl!important}
html[data-autopilot-motion=on] #cut-16 .mobile-puzzle .piece.br{animation-name:join-br!important}
html[data-autopilot-motion=on] #cut-08 .d08-monthly:not([data-selected]) .d08-monthly-slide{animation-name:d08-month-cycle!important;animation-duration:9s!important;animation-timing-function:steps(1,end)!important;animation-iteration-count:infinite!important;animation-play-state:running!important}
html[data-autopilot-motion=on] #cut-08 .d08-monthly-slide:nth-child(1){animation-delay:0s!important}
html[data-autopilot-motion=on] #cut-08 .d08-monthly-slide:nth-child(2){animation-delay:-6s!important}
html[data-autopilot-motion=on] #cut-08 .d08-monthly-slide:nth-child(3){animation-delay:-3s!important}
html[data-autopilot-motion=on] #cut-08 .d08-payment-track{animation-name:d08-payment-scroll!important;animation-duration:18s!important;animation-timing-function:linear!important;animation-iteration-count:infinite!important;animation-play-state:running!important}
html[data-autopilot-motion=on] .opening-line-1,html[data-autopilot-motion=on] .opening-line-2{color:#f5f2e9!important}
/* More-specific scoped rules win over older animation shorthand declarations. */
html[data-autopilot-motion] #cut-01.motion-away .d01-tap-hand,html[data-autopilot-motion] #cut-01.motion-away .d01-touch-ring,
html[data-autopilot-motion] #cut-16.motion-away .mobile-puzzle .piece,html[data-autopilot-motion] #cut-08.motion-away .d08-monthly-slide,html[data-autopilot-motion] #cut-08.motion-away .d08-payment-track,
html[data-autopilot-motion=off] #cut-01 .d01-tap-hand,html[data-autopilot-motion=off] #cut-01 .d01-touch-ring,
html[data-autopilot-motion=off] #cut-16 .mobile-puzzle .piece,html[data-autopilot-motion=off] #cut-08 .d08-monthly-slide,html[data-autopilot-motion=off] #cut-08 .d08-payment-track{animation-play-state:paused!important}
#cut-01.motion-away .d01-tap-hand,#cut-01.motion-away .d01-touch-ring,#cut-16.motion-away .mobile-puzzle .piece,#cut-08.motion-away .d08-monthly-slide,#cut-08.motion-away .d08-payment-track{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){#cut-01 .opening-line-1,#cut-01 .opening-line-2{color:#f5f2e9!important}}

/* Automatic content motion with a gentler cadence when reduced motion is requested. */
@media(prefers-reduced-motion:reduce){html[data-autopilot-motion=on] #cut-01 .d01-tap-hand,html[data-autopilot-motion=on] #cut-01 .d01-touch-ring{animation-duration:5.6s!important}html[data-autopilot-motion=on] #cut-16 .mobile-puzzle .piece{animation-duration:9.2s!important}html[data-autopilot-motion=on] #cut-08 .d08-payment-track{animation-duration:36s!important}}

#cut-02[data-workflow-step] .result-word{display:flex!important;opacity:0!important;visibility:hidden}
#cut-02[data-workflow-step="0"] .result-word[data-step="0"]{opacity:1!important;visibility:visible}
#cut-02[data-workflow-step="1"] .result-word[data-step="1"]{opacity:1!important;visibility:visible}
#cut-02[data-workflow-step="2"] .result-word[data-step="2"]{opacity:1!important;visibility:visible}
#cut-02[data-workflow-step="3"] .result-word[data-step="3"]{opacity:1!important;visibility:visible}
#cut-02[data-workflow-step="4"] .result-word[data-step="4"]{opacity:1!important;visibility:visible}