Mobile optimizations

src/style/globals.css

@@ -22,6 +22,10 @@
 @tailwind components;
 @tailwind utilities;
 
+.stream-hidden > .prose > * {
+  opacity: 0;
+}
+
 /* Chrome, Edge, and Safari */
 *::-webkit-scrollbar {
   display: none;
@@ -69,6 +73,14 @@
   }
 }
 
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+  }
+}
+
 /* Regular */
 @font-face {
     font-family: "ComicRegular";