/* 행 처리(완료/오늘로/건너뛰기/보관/삭제) 애니메이션 키프레임 — 단일 소스.
   앱(src/app/layout.tsx의 <link>)과 데스크톱 토스트(public/toast.html의 <link>)가 함께 참조한다.
   예전엔 globals.css와 toast.html에 같은 키프레임이 복제돼 "한쪽만 고치지 말 것" 주석으로 버텼는데,
   여기로 합쳐 한 곳만 고치면 양쪽에 반영되게 했다. (클래스 규칙은 스택별로 각자 두되 이 키프레임을 참조한다.) */
/* 행 처리 연출 지속시간 — CSS의 단일 소스. globals.css(.hd-row-exit)·toast.html(.todo.exit)이 var로 참조.
   JS 쪽(대기 후 실제 처리 발화)은 src/lib/notifications/anim.ts의 ROW_EXIT_MS(=380)와 같은 값이어야 한다. */
:root { --row-exit-ms: 0.38s; }
@keyframes hd-row-strike { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes hd-row-complete { 0% { opacity: 1; } 45% { opacity: 0.55; } 100% { opacity: 0; transform: scale(0.98); } }
@keyframes hd-row-today { 0% { opacity: 1; } 100% { opacity: 0; transform: translateY(10px); } }
@keyframes hd-row-skip { 0% { opacity: 1; } 100% { opacity: 0; transform: translateX(22px); } }
@keyframes hd-row-archive { 0% { opacity: 1; } 100% { opacity: 0; transform: scale(0.9) translateY(8px); } }
@keyframes hd-row-delete { 0% { opacity: 1; } 100% { opacity: 0; transform: translateX(-22px); } }