/* Onboarding motion. Calm, quick, purposeful. Reduced motion respected. */
.onb-motion .onb-content{animation:none!important}
.onb-motion .onb-content>*{opacity:0;animation:onbIn .5s cubic-bezier(.2,.8,.2,1) forwards}
.onb-motion.onb-back .onb-content>*{animation-name:onbInBack}
.onb-motion .onb-content>*:nth-child(1){animation-delay:.02s}
.onb-motion .onb-content>*:nth-child(2){animation-delay:.08s}
.onb-motion .onb-content>*:nth-child(3){animation-delay:.14s}
.onb-motion .onb-content>*:nth-child(4){animation-delay:.2s}
.onb-motion .onb-content>*:nth-child(n+5){animation-delay:.26s}
@keyframes onbIn{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes onbInBack{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
.onb-motion .onb-content h1{outline:none}
.onb-motion .progress i{overflow:hidden;transition:background .35s ease}
.onb-motion .progress i.just-done{background:#dddcd2!important}
.onb-motion .progress i.just-done::before{content:"";position:absolute;inset:0;background:#16231b;transform-origin:left;animation:onbFill .45s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes onbFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.onb-motion.onb-seen .preview{animation:none!important}
.onb-motion .preview-row.just-set{animation:onbFlash 1.4s ease-out both .25s!important}
.onb-motion .preview-row.just-set .v{animation:onbPop .5s cubic-bezier(.2,.8,.2,1) both .25s}
@keyframes onbFlash{0%{background:#fff3d6}100%{background:transparent}}
@keyframes onbPop{0%{transform:translateY(6px);opacity:0}100%{transform:none;opacity:1}}
.onb-motion .selling-options label,.onb-motion .choice,.onb-motion [data-choice]{transition:border-color .2s ease,background-color .2s ease,transform .15s ease,box-shadow .2s ease}
.onb-motion .selling-options label:hover,.onb-motion [data-choice]:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(22,35,27,.08)}
.onb-motion .selling-options label:active,.onb-motion [data-choice]:active{transform:translateY(0) scale(.99)}
.onb-motion #welcome-next{transition:transform .15s ease,box-shadow .2s ease}
.onb-motion #welcome-next:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(22,35,27,.22)}
.onb-motion .agreement-checkbox{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #e5e0d6;border-radius:10px;background:#fff;cursor:pointer;margin-top:8px;transition:border-color .2s,background .2s}
.onb-motion .agreement-checkbox:has(input:checked){border-color:#16231b;background:#eef3ee}
.onb-motion .agreement-checkbox input{width:18px;height:18px;accent-color:#16231b;flex:0 0 18px}
#view.onb-reveal{animation:onbReveal .8s cubic-bezier(.2,.8,.2,1)}
@keyframes onbReveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.onb-motion .onb-content>*{opacity:1;animation:none!important}.onb-motion .progress i.just-done::before{animation:none}.onb-motion .preview-row.just-set,.onb-motion .preview-row.just-set .v,#view.onb-reveal{animation:none!important}}