Updated mobile UX

src/assets/main.css

@@ -7,6 +7,7 @@ body {
   transition:
     background-color 0.3s ease,
     color 0.3s ease;
+  -webkit-tap-highlight-color: transparent; /* Remove tap highlight on mobile */
 }
 
 html.theme-transition * {
@@ -23,3 +24,16 @@ body.dark-mode {
 html.dark {
   color-scheme: dark;
 }
+
+/* Mobile touch improvements */
+@media (max-width: 640px) {
+  input,
+  select,
+  button {
+    font-size: 16px !important; /* Prevent iOS zoom on focus */
+  }
+
+  .touch-manipulation {
+    touch-action: manipulation; /* Improve touch responsiveness */
+  }
+}