body { background-color: #0f172a; }
#videoModal.show { display: flex; animation: fadeIn 0.3s ease-in-out; }
@keyframes fadeIn {
	from { opacity: 0; transform: scale(0.98); }
	to { opacity: 1; transform: scale(1); }
}
li img {
  background-image: url(blur.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
/* 🔹 Placeholder shimmer */
.lazyload {
  background: linear-gradient(110deg, #2d2d2d 8%, #3a3a3a 18%, #2d2d2d 33%);
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  filter: blur(10px);
  transition: filter 0.6s ease, opacity 0.6s ease;
}

@keyframes shimmer {
  100% {
	background-position-x: -200%;
  }
}

/* 🔹 Setelah gambar asli dimuat */
.lazyloaded {
  animation: none;
  filter: blur(0);
  opacity: 1;
  background: none;
}