:root { --public-enter-duration: 900ms; --public-enter-distance: 16px; --public-enter-easing: cubic-bezier(.22,1,.36,1); }
.public-reveal-pending { opacity: 0; transform: translateY(var(--public-enter-distance)); }
.public-reveal-enter { animation: public-enter var(--public-enter-duration) var(--public-enter-easing) both; animation-delay: var(--public-enter-delay, 0ms); }
@keyframes public-enter { from { opacity: 0; transform: translateY(var(--public-enter-distance)); } to { opacity: 1; transform: translateY(0); } }
@media print {
  .public-reveal-pending, .public-reveal-enter { opacity: 1 !important; transform: none !important; animation: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  .public-reveal-pending { opacity: 1; transform: none; }
  .public-reveal-enter { animation: none !important; }
}