feat(ui): reconcile backup UI changes with current routing and interaction features

ui/src/index.css

@@ -120,12 +120,18 @@
   }
   html {
     height: 100%;
+    -webkit-tap-highlight-color: color-mix(in oklab, var(--foreground) 20%, transparent);
   }
   body {
     @apply bg-background text-foreground;
     height: 100%;
     overflow: hidden;
   }
+  h1,
+  h2,
+  h3 {
+    text-wrap: balance;
+  }
   /* Prevent double-tap-to-zoom on interactive elements for mobile */
   a,
   button,
@@ -138,6 +144,17 @@
   }
 }
 
+@media (pointer: coarse) {
+  button,
+  [role="button"],
+  input,
+  select,
+  textarea,
+  [data-slot="select-trigger"] {
+    min-height: 44px;
+  }
+}
+
 /* Dark mode scrollbars */
 .dark {
   color-scheme: dark;