/* ht-mailerbot-v2: state motion; no continuous decoration. */
:root { --motion-ease:cubic-bezier(.16,1,.3,1); --motion-feedback:180ms; --motion-enter:280ms; --motion-section:320ms; --motion-exit:180ms; --motion-stagger:40ms; }
.primary,.secondary,.account-button,.menu-toggle,.scenario,.prompt-guide-option { transition:transform var(--motion-feedback) var(--motion-ease); }
.scenario .arrow,#nav button .ui-icon { transition:transform var(--motion-feedback) var(--motion-ease); }
@media (hover:hover) and (pointer:fine) {
 .primary:hover:not(:disabled),.secondary:hover:not(:disabled),.account-button:hover { transform:translate(2px,2px); }
 .scenario:hover .arrow { transform:translateX(4px); }
 #nav button:hover .ui-icon { transform:translateX(2px); }
}
.primary:active:not(:disabled),.secondary:active:not(:disabled),.account-button:active,.scenario:active { transform:translate(4px,4px); }
.assistant-msg,.user-msg { animation:ht-message var(--motion-enter) var(--motion-ease); }
#toast { animation:ht-message var(--motion-enter) var(--motion-ease); }
@keyframes ht-message { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
.motion-paused *, .motion-paused *::before,.motion-paused *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
@media (prefers-reduced-motion:reduce) {
 *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
 button:hover,button:active,.scenario:hover .arrow,#nav button:hover .ui-icon { transform:none!important; }
}