:root { color-scheme: light dark; --blue: #2563eb; --red: #dc2626; }
body { margin: 0; font: 16px/1.5 system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; background: #f5f7fb; color: #0f172a; }
@media (prefers-color-scheme: dark) { body { background: #0a1222; color: #e2e8f0; } }
main { max-width: 620px; margin: 0 auto; padding: 24px 16px 48px; }
.brand { font-weight: 800; letter-spacing: 0.08em; color: #f59e0b; }
h1 { margin: 0 0 8px; }
label { display: block; margin: 14px 0 6px; font-weight: 600; }
label.inline { display: flex; gap: 8px; align-items: center; font-weight: 400; }
input[type=text], input:not([type]), input[inputmode] { width: 100%; box-sizing: border-box; padding: 10px 12px; border-radius: 8px; border: 1px solid #cbd5e1; font: inherit; }
fieldset { border: 0; padding: 0; margin: 14px 0; }
button { margin-top: 16px; padding: 10px 18px; border: 0; border-radius: 8px; background: var(--blue); color: #fff; font: inherit; font-weight: 600; cursor: pointer; }
button.danger { background: var(--red); }
#message { color: var(--red); }
.small { font-size: 14px; opacity: 0.8; margin-top: 32px; }