chore: no zoom on mobile

frontend/public/index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <meta
       name="viewport"
-      content="width=device-width, initial-scale=0.9, maximum-scale=0.9, viewport-fit=cover"
+      content="width=device-width, initial-scale=0.9, maximum-scale=0.9, user-scalable=no, viewport-fit=cover"
     />
     <meta name="theme-color" content="#f8f7ff" />
     <title>Aethera - AI Conversation & Image Generator</title>

frontend/styles.css

@@ -12,6 +12,14 @@ body {
   background: var(--color-primary-50);
 }
 
+@media (max-width: 767px) {
+  input,
+  textarea,
+  select {
+    font-size: 16px;
+  }
+}
+
 [x-cloak] {
   display: none !important;
 }