/* Modern Instagram-like gradient heart animation */
.feed-icon {
  width: 22px !important;
  height: 22px !important;
  display: block !important;
  flex: 0 0 auto !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.8 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.actions .action-item {
  min-width: 0 !important;
}

.post-image,
.post-image-wrap {
  position: relative !important;
}

.instagram-heart {
  position: absolute !important;
  inset: 0 !important;
  z-index: 12 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  pointer-events: none !important;
}

.instagram-heart .modern-heart-svg {
  width: min(34vw, 148px) !important;
  height: min(34vw, 148px) !important;
  opacity: 0;
  overflow: visible !important;
  transform: scale(0.45);
  animation: modernHeartPop 1.02s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
  filter:
    drop-shadow(0 12px 28px rgba(0, 0, 0, 0.42))
    drop-shadow(0 0 18px rgba(255, 75, 180, 0.4)) !important;
}

.instagram-heart .modern-heart-core {
  stroke: rgba(255, 255, 255, 0.72) !important;
  stroke-width: 0.45 !important;
  stroke-linejoin: round !important;
}

.instagram-heart .modern-heart-shine {
  fill: none !important;
  stroke: rgba(255, 255, 255, 0.86) !important;
  stroke-width: 1.15 !important;
  stroke-linecap: round !important;
  opacity: 0;
  animation: modernHeartShine 1.02s ease forwards !important;
}

@keyframes modernHeartPop {
  0% {
    opacity: 0;
    transform: scale(0.45);
  }
  18% {
    opacity: 1;
    transform: scale(1.22);
  }
  38% {
    opacity: 1;
    transform: scale(0.96);
  }
  68% {
    opacity: 0.92;
    transform: scale(1.03) translateY(-5px);
  }
  100% {
    opacity: 0;
    transform: scale(1.18) translateY(-22px);
  }
}

@keyframes modernHeartShine {
  0%, 18% {
    opacity: 0;
    stroke-dasharray: 0 20;
  }
  36% {
    opacity: 1;
    stroke-dasharray: 10 20;
  }
  100% {
    opacity: 0;
    stroke-dasharray: 12 20;
  }
}

@media (max-width: 768px), (hover: none), (pointer: coarse) {
  .instagram-heart .modern-heart-svg {
    width: min(38vw, 132px) !important;
    height: min(38vw, 132px) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .instagram-heart .modern-heart-svg,
  .instagram-heart .modern-heart-shine {
    animation-duration: 0.35s !important;
  }
}