:root { color-scheme: light dark; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  margin: 0;
  line-height: 1.5;
}

.container {
  max-width: 540px;
  margin: 4rem auto;
  padding: 0 1rem;
}

h1 { margin-bottom: 0.25rem; }
.subtitle { color: #888; margin-top: 0; }

form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: 2rem;
}

input, button {
  font: inherit;
  padding: 0.6rem 0.8rem;
  border-radius: 6px;
  border: 1px solid #ccc;
}

button { cursor: pointer; }

.message { min-height: 1.2em; margin-top: 0.5rem; }
.error { color: #c00; }
.success { color: #070; }
.actions { margin-top: 2rem; }

code { background: rgba(128, 128, 128, 0.15); padding: 0.1em 0.3em; border-radius: 3px; }