A gallery of 12 loading animations in pure CSS

Create one HTML page with 12 distinct loading indicators in a 4x3 grid, pure CSS, no JavaScript. Each one should use a different idea (orbit, morph, stagger bars, squash-and-stretch, path draw, etc.) and a different easing curve. Label each with its easing value. Dark background, one accent color #D4FF3A. Every loader must respect prefers-reduced-motion.