:root { color-scheme: light; font-family: system-ui, sans-serif; color: #111; background: #fff; }
* { box-sizing: border-box; }
body { max-width: 440px; margin: 40px auto; padding: 0 20px; }
form { margin-top: 28px; }
label { display: block; margin: 20px 0 8px; }
input, textarea, button { width: 100%; min-height: 44px; padding: 10px; font: inherit; border: 1px solid #777; border-radius: 4px; }
input, textarea { background: #fff; color: #111; }
textarea { resize: vertical; }
button { margin-top: 16px; background: #111; color: #fff; cursor: pointer; }
button:disabled { opacity: .6; cursor: default; }
:focus-visible { outline: 2px solid #225dcc; outline-offset: 3px; }
#status { line-height: 1.5; }