@keyframes ic-fade-in {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes ic-pop-in {
  from { opacity: 0; transform: translateY(8px) scale(0.98); }
  to   { opacity: 1; transform: translateY(0)    scale(1); }
}

@keyframes ic-slide-up {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

.modal[open] {
  animation: ic-pop-in 180ms ease-out;
}
.modal[open]::backdrop {
  animation: ic-fade-in 200ms ease-out;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}