:root { color-scheme: light dark; font-family: system-ui, sans-serif; line-height: 1.45; }
body { margin: 0; padding: 16px; }
main { max-width: 560px; margin: 0 auto; }
form, fieldset { display: grid; gap: 12px; }
fieldset { border: 1px solid GrayText; border-radius: 8px; padding: 12px 16px; }
label { display: grid; gap: 4px; font-weight: 600; }
input, select, button { font: inherit; padding: 8px 10px; }
.plan { display: flex; gap: 8px; align-items: baseline; font-weight: 400; }
.plan small { color: GrayText; }
.hint { color: GrayText; margin: 0; }
.error { color: #b00020; }
@media (prefers-color-scheme: dark) { .error { color: #ff8a80; } }