diff --git a/src/app/globals.css b/src/app/globals.css index 11fff64..326a6aa 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -70,3 +70,16 @@ body { color: var(--foreground); font-family: Arial, Helvetica, sans-serif; } + +/* Prevent mobile auto-zoom on input focus. + iOS Safari (and other mobile browsers) zoom the viewport whenever a focused + input/select/textarea has a font-size below 16px — which is what made the + home "Ask AI" popup (and other text-sm inputs) jump and distort the UI. + Enforce a 16px minimum on touch devices only; desktop styling is unchanged. */ +@media (pointer: coarse) { + input:not([type="checkbox"]):not([type="radio"]):not([type="range"]), + select, + textarea { + font-size: 16px; + } +}