/*
 * ui-animations.css — komapos UI担当専用 / キーフレーム・アニメーション
 * ⚠️ AI・バックエンド担当者: 編集禁止
 */

@keyframes ui-pop-in {
  0%   { opacity: 0; transform: scale(0.92) translateY(8px); }
  70%  { transform: scale(1.02) translateY(-2px); }
  100% { opacity: 1; transform: scale(1) translateY(0); }
}
@keyframes ui-slide-up {
  from { opacity: 0; transform: translateY(20px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes ui-pulse {
  0%, 100% { box-shadow: 0 0 0 0 rgba(108,99,255,0.4); }
  50%       { box-shadow: 0 0 0 8px rgba(108,99,255,0); }
}

.ui-anim-pop-in   { animation: ui-pop-in   var(--ui-dur-normal,300ms) cubic-bezier(0.34,1.56,0.64,1) both; }
.ui-anim-slide-up { animation: ui-slide-up var(--ui-dur-normal,300ms) ease both; }
.ui-anim-pulse    { animation: ui-pulse 2s ease-in-out infinite; }