/* Keep the homepage form legible over every mountain and system theme. */
#qualifier {
  color-scheme: dark;
  --ink: #f4f7fa;
  --ink-dim: #d5dee7;
  --ink-faint: #c0ceda;
  --accent: #ffad85;
  --accent-ink: #12181e;
  --panel-line: #8094a8;
  --field-solid: #223244;
  color: var(--ink);
  background: #111d29;
  border-color: var(--panel-line);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
#qualifier h2 { color: var(--ink); }
#qualifier .q-option,
#qualifier input,
#qualifier select,
#qualifier textarea {
  color: var(--ink);
  background: var(--field-solid);
  border-color: var(--panel-line);
}
#qualifier .q-option:hover {
  background: #344b61;
  border-color: var(--accent);
}
#qualifier input::placeholder,
#qualifier textarea::placeholder {
  color: var(--ink-faint);
  opacity: 1;
}
#qualifier :is(button, input, select, textarea, a):focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce) {
  #qualifier .q-option:hover { transform: none; }
}
@media (max-width: 380px) {
  #qualifier[data-step="goal"] .q-options { grid-template-columns: 1fr; }
}