diff --git a/web/src/app/design.css b/web/src/app/design.css
index 5839367..4b59677 100644
--- a/web/src/app/design.css
+++ b/web/src/app/design.css
@@ -150,12 +150,14 @@ nav.contents .sep { flex: 1; }
 .field > span {
   font-family: var(--mono); font-size: 0.64rem; letter-spacing: 0.14em; text-transform: uppercase; color: var(--graphite);
 }
-.field input {
+.field input, .field select {
   font-family: var(--mono); font-size: 0.9rem; padding: 8px 2px; background: transparent;
   border: 0; border-bottom: 1.5px solid var(--rule-2); color: var(--ink); min-width: 200px;
 }
 .field input::placeholder { color: var(--graphite); opacity: 0.6; }
-.field input:focus { outline: none; border-bottom-color: var(--accent); }
+.field input:focus, .field select:focus { outline: none; border-bottom-color: var(--accent); }
+.field select { -webkit-appearance: none; appearance: none; cursor: pointer; }
+.field select option { color: var(--ink); background: var(--paper); }
 
 /* ── Colophon ─────────────────────────────────────────── */
 .colophon {