diff --git a/css/style.css b/css/style.css
index 20f2fec..9398801 100644
--- a/css/style.css
+++ b/css/style.css
@@ -335,6 +335,10 @@ body {
 input[type="text"],
 input[type="password"],
 input[type="email"],
+input[type="number"],
+input[type="search"],
+input[type="tel"],
+input[type="url"],
 select,
 textarea {
     width: 100%;
@@ -342,7 +346,9 @@ textarea {
     background: var(--bg-secondary);
     border: 1px solid var(--border-color);
     border-radius: var(--radius-md);
-    font-size: 1rem;
+    /* 16px minimum prevents iOS Safari from zooming the page when an input
+       receives focus. */
+    font-size: 16px;
     font-family: inherit;
     color: var(--text-primary);
     transition: all var(--transition-fast);
@@ -362,6 +368,17 @@ textarea {
     font-family: 'SF Mono', 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
 }
 
+/* Hide the up/down spinner on number inputs so the field looks the same
+   as the text inputs (and the actual hit area isn't squeezed). */
+input[type="number"]::-webkit-outer-spin-button,
+input[type="number"]::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+}
+input[type="number"] {
+    -moz-appearance: textfield;
+}
+
 select {
     cursor: pointer;
     appearance: none;
@@ -3589,6 +3606,11 @@ select {
 
     input[type="text"],
     input[type="password"],
+    input[type="email"],
+    input[type="number"],
+    input[type="search"],
+    input[type="tel"],
+    input[type="url"],
     textarea,
     select {
         font-size: 16px;