:root {
  color-scheme: light dark;
  --border: #d0d0d0;
}
body {
  font-family: system-ui, -apple-system, sans-serif;
  margin: 0;
  line-height: 1.5;
}
.site-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid var(--border);
}
.site-header nav { display: flex; gap: 1rem; align-items: center; }
.brand { font-weight: 600; text-decoration: none; color: inherit; }
main { max-width: 480px; margin: 2rem auto; padding: 0 1.5rem; }
form { display: flex; flex-direction: column; gap: 0.75rem; max-width: 320px; }
label { display: flex; flex-direction: column; gap: 0.25rem; font-size: 0.9rem; }
input { padding: 0.5rem; border: 1px solid var(--border); border-radius: 4px; font-size: 1rem; }
button { padding: 0.5rem 1rem; border: none; border-radius: 4px; background: #2563eb; color: white; font-size: 1rem; cursor: pointer; }
button:hover { background: #1d4ed8; }
.error { color: #b91c1c; }
.inline-form { display: inline; }