Refactor layout styles to improve text scaling and input readability. Adjusted font size settings for better responsiveness across devices and ensured inputs inherit font size for consistency with system text size.

src/routes/layout.css

@@ -77,22 +77,17 @@
   * {
     @apply border-border;
   }
+  /* Scale from system/browser text size and zoom */
   html {
-    /* Match device text scaling (prevent iOS from inflating text) */
     -webkit-text-size-adjust: 100%;
     text-size-adjust: 100%;
-    /* Small font on mobile; readable on desktop */
-    font-size: 12px;
+    font-size: 100%;
     width: 100%;
     height: 100%;
     margin: 0;
     padding: 0;
     overflow: hidden;
-  }
-  @media (min-width: 768px) {
-    html {
-      font-size: 14px;
-    }
+    scroll-behavior: smooth;
   }
   body {
     @apply bg-background text-foreground;
@@ -166,15 +161,4 @@
   padding: 0.5rem;
 }
 
-/* Slightly larger inputs on small screens for readability (still small) */
-@media (max-width: 640px) {
-  input[type="text"],
-  input[type="search"],
-  input[type="number"],
-  input[type="email"],
-  input[type="password"],
-  select,
-  textarea {
-    font-size: 14px;
-  }
-}
+/* Inputs inherit font size so they scale with system text size */