:root { color-scheme: light dark; font-family: system-ui, sans-serif; }
main { max-width: 28rem; margin: 3rem auto; padding: 0 1rem; }
label { display: block; margin-top: 1rem; font-weight: 600; }
input { display: block; width: 100%; box-sizing: border-box; padding: 0.5rem; font-size: 1rem; }
button { margin-top: 1rem; margin-right: 0.5rem; padding: 0.5rem 1rem; font-size: 1rem; }
#message { padding: 0.75rem; border-radius: 0.25rem; background: #fde8e8; color: #7a1010; }
#message[data-kind="info"] { background: #e8f0fd; color: #10307a; }
pre { white-space: pre-wrap; word-break: break-all; }