*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--text);font-family:system-ui,sans-serif}
form,.msg{width:min(340px,90vw);display:grid;gap:14px}
h1{margin:0 0 6px;font-size:26px}
label{display:grid;gap:5px;font-size:14px}
input,textarea{font-family:inherit;padding:11px;border:1px solid #0004;border-radius:4px;font-size:16px}
button{padding:12px;border:0;border-radius:4px;background:var(--accent);color:#fff;font-size:16px;cursor:pointer}
a{color:var(--accent)}
input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.err{color:#b00020;font-size:14px}
.alt{font-size:14px;margin:0}
.hp{position:absolute;left:-9999px}
.ok{color:#1b7a3d;font-size:14px}