load in optimization and error correction

src/index.css

@@ -57,6 +57,7 @@
   }
 
   --animate-task-shake: task-shake 0.3s ease-in-out;
+  --animate-task-quickload-fade: task-quickload-fade 0.2s ease-out forwards;
 
   @keyframes task-shake {
 
@@ -78,6 +79,16 @@
     }
   }
 
+  @keyframes task-quickload-fade {
+    from {
+      opacity: 0;
+    }
+
+    to {
+      opacity: 1;
+    }
+  }
+
   --animate-progress-fast: loading-progress 2s infinite linear;
 
   @keyframes loading-progress {
@@ -186,6 +197,16 @@
   opacity: 0;
 }
 
+.mobile-footer-clearance {
+  padding-bottom: calc(5rem + env(safe-area-inset-bottom, 0px));
+}
+
+@media (min-width: 640px) {
+  .mobile-footer-clearance {
+    padding-bottom: 2rem;
+  }
+}
+
 /* --- Tiptap Table Selection --- */
 .ProseMirror td.selectedCell,
 .ProseMirror th.selectedCell {
@@ -201,4 +222,4 @@
   border: 2px solid var(--primary);
   pointer-events: none;
   z-index: 10;
-}
+}