/**
 * ====================================================================
 * UI ANIMATIONS & TRANSITIONS
 * ====================================================================
 */

/* Reaction Popover Keyframe */
@keyframes reactionPop {
  0% { transform: scale(0.85); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

.reaction-popover {
  animation: reactionPop 0.15s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

/* Inline Comments Slide-Down Accordion */
.comments-accordion {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.25s ease, margin-top 0.25s ease, padding 0.25s ease;
}

.comments-accordion.open {
  max-height: 1600px;
  opacity: 1;
  margin-top: 0.75rem;
  padding-top: 0.75rem;
}

/* New Comment Slide-In */
@keyframes commentSlideIn {
  0% { opacity: 0; transform: translateY(-6px); }
  100% { opacity: 1; transform: translateY(0); }
}

.comment-item {
  animation: commentSlideIn 0.2s ease-out forwards;
}