/* Paper settles once; interactive objects respond to touch, selection and opening. */
:root { --motion-quick:140ms; --motion-state:220ms; --motion-object:340ms; --motion-ease:cubic-bezier(.16,1,.3,1); }
@keyframes paper-settle { from { translate:-14px 8px; rotate:-3deg; opacity:.7 } to { translate:0 0; rotate:0deg; opacity:1 } }
@keyframes paper-place { from { translate:12px 12px; rotate:3deg; opacity:.65 } to { translate:0 0; rotate:0deg; opacity:1 } }
@keyframes content-appear { from { opacity:.4 } to { opacity:1 } }
@keyframes dialog-arrive { from { opacity:.3; translate:0 8px } to { opacity:1; translate:0 0 } }
.paper-arrival .hero-copy h1 span:first-child { animation:paper-settle 560ms var(--motion-ease); }
.paper-arrival .hero-copy h1 span:last-child { animation:paper-place 680ms var(--motion-ease); }
.paper-arrival .hero-signature { animation:content-appear 700ms var(--motion-ease); }
.gift-box-asset,.journey-route-object>img,.auth-study-art>img { transition:translate var(--motion-object) var(--motion-ease),rotate var(--motion-object) var(--motion-ease); }
.hero-study-asset { transition:rotate 500ms var(--motion-ease),translate 500ms var(--motion-ease); }
.hero-actions .button .icon,.exam-card-open .icon,.journey-step>.icon { transition:translate var(--motion-state) var(--motion-ease); }
.exam-section-card { transition:background-color var(--motion-state),box-shadow var(--motion-state),translate var(--motion-state) var(--motion-ease); }
.study-tabs button,.exam-lesson-tabs a,.notification-tabs button { transition:background-color var(--motion-quick),color var(--motion-quick); }
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .trainer-gift:hover .gift-box-asset,.trainer-pricing:hover .gift-box-asset { translate:0 -5px; rotate:-3deg; }
  .journey-route-object:hover>img { translate:0 -4px; rotate:5deg; }
  .auth-study-art:hover>img { translate:0 -5px; rotate:-2deg; }
  .hero-collage:hover .hero-study-asset { translate:0 -4px; rotate:2deg; }
  .hero-actions .button:hover .icon,.exam-section-card:hover .exam-card-open .icon,.journey-step:hover>.icon { translate:3px 0; }
  .exam-section-card:hover { translate:0 -2px; box-shadow:0 8px 18px rgb(47 27 14 / 9%); }
}
.hero-actions .button:active { translate:0 1px; }
:is(.faq,.async-faq,.exam-examples,.worry-notes) details[open]>p { animation:content-appear 180ms var(--motion-ease); }
#dialog[open] { animation:dialog-arrive 200ms var(--motion-ease); }
#dialog[open]::backdrop { animation:content-appear 180ms ease-out; }
.notifications-drawer[data-updating][open] { animation:none; }
#toast.visible { animation:content-appear 140ms ease-out; }
@media(prefers-reduced-motion:reduce) {
  .paper-arrival .hero-copy h1 span,.paper-arrival .hero-signature,#dialog[open],#dialog[open]::backdrop,#toast.visible,
  :is(.faq,.async-faq,.exam-examples,.worry-notes) details[open]>p { animation:none; }
  .gift-box-asset,.journey-route-object>img,.auth-study-art>img,.hero-study-asset,.exam-section-card { transition:none; translate:none; rotate:none; }
  .hero-actions .button:active { translate:none; }
  .course-method-button:hover .course-method-plaque,.course-method-button:focus-visible .course-method-plaque { transform:none; }
}