body { font: 17px/1.5 system-ui, sans-serif; margin: 0; background: #fafafa; color: #1a1a1a; }
main { max-width: 32rem; margin: 0 auto; padding: 1.5rem 1rem; }
h1 { font-size: 1.5rem; }
label { display: block; font-weight: 600; margin-bottom: 0.25rem; }
input { width: 100%; box-sizing: border-box; font: inherit; padding: 0.6rem; margin-bottom: 1rem; }
button { font: inherit; padding: 0.7rem 1.2rem; border-radius: 0.4rem; border: 1px solid #222; background: #222; color: #fff; }
#status { min-height: 1.5em; }
.error { color: #b00020; }
.small { font-size: 0.9rem; }
@media (prefers-color-scheme: dark) {
  body { background: #121212; color: #eee; }
  button { background: #eee; color: #121212; border-color: #eee; }
  .error { color: #ff6b81; }
  a { color: #8ab4f8; }
}