h8r4npp3p: Add the new-posts pill, feed list motion and app-wide reduced-motion switch-off

src/app/globals.css

@@ -92,3 +92,28 @@
   }
   :focus-visible { outline: 2px solid var(--ink); outline-offset: 2px; }
 }
+
+/* Reduced motion, app-wide (ADR 0001, section 6; spec "Motion"). Switches off
+   card rise-ins, the feed pill and skeleton shimmer, sparks, heart bursts and
+   the light sweep on buttons, and stops snap and smooth scrolling. State
+   changes still happen instantly. The loading spinner is kept, only slowed,
+   because it is the only sign that something is loading. */
+@media (prefers-reduced-motion: reduce) {
+  .post,
+  .post-cm,
+  .post-pop,
+  .feed-pill,
+  .feed-skel::after,
+  .post-like-beat .post-heart,
+  .btn-spark *,
+  .btn-spark::before,
+  .btn-spark::after,
+  .btn-gloss::before,
+  .btn-gloss::after,
+  .btn-sweep::before,
+  .account-dot { animation: none !important; }
+  .btn-sweep::before,
+  .btn-gloss::after { transition: none !important; }
+  .panel-scroll, .feed-list { scroll-behavior: auto !important; scroll-snap-type: none !important; }
+  .spinner { animation-duration: 2.4s !important; }
+}