Keep mobile form inputs at 16px to prevent iOS zoom-on-focus

app/components/Chat.tsx

@@ -494,7 +494,7 @@ const Chat = ({
               onFocus={() => setInputFocused(true)}
               onBlur={() => setInputFocused(false)}
               placeholder={placeholder}
-              className="flex-grow min-w-0 bg-transparent border-0 text-[15px] text-ink placeholder:text-muted focus:outline-none py-1.5"
+              className="flex-grow min-w-0 bg-transparent border-0 text-ink placeholder:text-muted focus:outline-none py-1.5"
               onKeyDown={(e) => {
                 if (e.key === "Enter" && !e.shiftKey) {
                   e.preventDefault();

app/components/ManualMedicineForm.tsx

@@ -123,7 +123,7 @@ const ManualMedicineForm = ({
                 onBlur={() => handleBlur("name")}
                 placeholder="Ex: Paracetamol"
                 autoFocus
-                className={`w-full bg-paper border rounded-lg px-3 py-2.5 text-[15px] text-ink placeholder:text-faint focus:outline-none transition-colors ${
+                className={`w-full bg-paper border rounded-lg px-3 py-2.5 text-ink placeholder:text-faint focus:outline-none transition-colors ${
                   errors.name
                     ? "border-error bg-error-soft focus:border-error"
                     : "border-border focus:border-ink"
@@ -154,7 +154,7 @@ const ManualMedicineForm = ({
                 onChange={(e) => handleChange("activeSubstance", e.target.value)}
                 onBlur={() => handleBlur("activeSubstance")}
                 placeholder="Ex: Paracetamol"
-                className={`w-full bg-paper border rounded-lg px-3 py-2.5 text-[15px] text-ink placeholder:text-faint focus:outline-none transition-colors ${
+                className={`w-full bg-paper border rounded-lg px-3 py-2.5 text-ink placeholder:text-faint focus:outline-none transition-colors ${
                   errors.activeSubstance
                     ? "border-error bg-error-soft focus:border-error"
                     : "border-border focus:border-ink"
@@ -190,7 +190,7 @@ const ManualMedicineForm = ({
                 value={formData.brand}
                 onChange={(e) => handleChange("brand", e.target.value)}
                 placeholder="Ex: Ben-u-ron, Genérico"
-                className="w-full bg-paper border border-border rounded-lg px-3 py-2.5 text-[15px] text-ink placeholder:text-faint focus:border-ink focus:outline-none transition-colors"
+                className="w-full bg-paper border border-border rounded-lg px-3 py-2.5 text-ink placeholder:text-faint focus:border-ink focus:outline-none transition-colors"
               />
             </div>
 
@@ -209,7 +209,7 @@ const ManualMedicineForm = ({
                 value={formData.dosage}
                 onChange={(e) => handleChange("dosage", e.target.value)}
                 placeholder="Ex: 500 mg, 1 g"
-                className="w-full bg-paper border border-border rounded-lg px-3 py-2.5 text-[15px] text-ink placeholder:text-faint focus:border-ink focus:outline-none transition-colors"
+                className="w-full bg-paper border border-border rounded-lg px-3 py-2.5 text-ink placeholder:text-faint focus:border-ink focus:outline-none transition-colors"
               />
               <p className="mt-1 text-[12px] text-muted">
                 Ajuda a distinguir entre embalagens diferentes do mesmo medicamento

app/components/PDFViewer.tsx

@@ -269,7 +269,7 @@ const PDFViewer = ({ onClose, width = 40, isTabMode = false }: PDFViewerProps) =
           onChange={(e) => setPageInput(e.target.value)}
           onBlur={handlePageInputSubmit}
           onKeyDown={(e) => e.key === "Enter" && handlePageInputSubmit()}
-          className="w-12 text-center text-sm border border-border rounded-sm py-1 bg-paper text-ink focus:outline-none focus:ring-1 focus:ring-brand"
+          className="w-12 text-center border border-border rounded-sm py-1 bg-paper text-ink focus:outline-none focus:ring-1 focus:ring-brand"
           min={1}
           max={totalPages}
           autoFocus

app/components/SearchScreen.tsx

@@ -91,7 +91,7 @@ const SearchScreen = ({
             onChange={(e) => setQuery(e.target.value)}
             onKeyDown={(e) => e.key === "Enter" && handleSearch()}
             placeholder="Ben-u-ron 500 mg"
-            className="flex-1 text-[15px] text-ink bg-transparent border-none outline-none placeholder:text-muted py-1 min-h-0"
+            className="flex-1 text-ink bg-transparent border-none outline-none placeholder:text-muted py-1 min-h-0"
             autoFocus
             disabled={parsing}
           />

app/index.css

@@ -78,6 +78,15 @@
   #root {
     @apply h-full;
   }
+
+  /* iOS Safari auto-zooms into a focused form control whose font-size is below
+     16px, then pans the viewport and clips content off the right edge. Keep
+     every input at the 16px minimum to suppress that zoom-on-focus. */
+  input,
+  textarea,
+  select {
+    font-size: 16px;
+  }
 }
 
 /* Custom utilities */