/* ============================================================
 * animations.css — Discord hissi veren animasyonlar
 * ============================================================ */

@keyframes popIn {
  from { opacity: 0; transform: scale(.92); }
  to   { opacity: 1; transform: scale(1); }
}
@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes msgIn {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes ddPop {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.2); }
  100% { transform: scale(1); }
}
@keyframes slideUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes msgFlash {
  0%   { background: rgba(88,101,242,.3); }
  100% { background: transparent; }
}

/* ---- Tepki pop ---- */
.reaction-pill.just-added { animation: ddPop .25s ease-out; }

/* ---- Modal açılış ---- */
.modal-overlay.open .modal { animation: popIn .18s cubic-bezier(.2,.7,.3,1); }
.modal-overlay { animation: fadeIn .15s ease; }

/* ---- Profil kartı ---- */
.pcard { animation: popIn .18s cubic-bezier(.2,.7,.3,1); }

/* ---- Account popout ---- */
.account-popout { animation: slideUp .18s cubic-bezier(.2,.7,.3,1); }

/* ---- Mesaj ---- */
.msg.msg-in  { animation: msgIn .15s ease-out; }
.msg.flash   { animation: msgFlash .8s ease-out; }

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