/* Dearly motion — calm, unhurried, slightly dramatic. Same language as the sign-in sheet dissolve. */
/* dissolve: content fade out/in each way + 6px blur + 6px drift · select: selected↔unselected fills · resize: sheet height · press: CTA scale .96 */
:root{
--ease-dearly:cubic-bezier(.45,0,.2,1); /* @kind other */
--ease-dearly-resize:cubic-bezier(.65,0,.25,1); /* @kind other */
--dur-dissolve:560ms; /* @kind other */
--dur-select:480ms; /* @kind other */
--dur-resize:900ms; /* @kind other */
--dur-press:300ms; /* @kind other */
--motion-blur:6px;
--motion-drift:6px;
--dur-arrive:560ms; /* @kind other */
--dur-dismiss:340ms; /* @kind other */
--dur-wash-card:2400ms; /* @kind other */
--dur-wash-row:2000ms; /* @kind other */
--wash-arrive:#E3F3CD;
--dur-leave:1460ms; /* @kind other */
--dur-toast-undo:4000ms; /* @kind other */
--dur-toast:2000ms; /* @kind other */
--dur-toast-in:350ms; /* @kind other */
--dur-keyboard:340ms; /* @kind other */
--ease-keyboard:cubic-bezier(.32,.72,0,1); /* @kind other */
}
/* submit / arrival — received, not rewarded */
@keyframes postArrive{0%{opacity:0;filter:blur(var(--motion-blur));transform:translateY(var(--motion-drift));background-color:#E3F3CD}25%{opacity:1;filter:none;transform:none;background-color:#E3F3CD}100%{background-color:#E6EAED}}
/* delete / departure — quiet and reversible. Set --leave-h (measured height) and --leave-gap (list gap) on the element. */
@keyframes leave{0%{opacity:1;max-height:var(--leave-h)}38%{opacity:0;filter:blur(var(--motion-blur));transform:translateY(var(--motion-drift));max-height:var(--leave-h);margin-bottom:0}100%{opacity:0;filter:blur(var(--motion-blur));max-height:0;margin-bottom:calc(-1 * var(--leave-gap))}}
@keyframes replyWash{0%,30%{background-color:rgba(227,243,205,1);box-shadow:0 0 0 12px rgba(227,243,205,1)}100%{background-color:rgba(227,243,205,0);box-shadow:0 0 0 12px rgba(227,243,205,0)}}
@media (prefers-reduced-motion:reduce){:root{
--dur-dissolve:1ms; /* @kind other */
--dur-select:1ms; /* @kind other */
--dur-resize:1ms; /* @kind other */
--dur-press:1ms; /* @kind other */
--dur-arrive:200ms; /* @kind other */
--dur-leave:200ms; /* @kind other */
--dur-keyboard:1ms; /* @kind other */
--motion-blur:0px;--motion-drift:0px}}
