.feedback{max-width:640px;padding-block:50px}
.feedback .lede{color:var(--muted);margin-bottom:28px}
.feedback form{display:grid;gap:20px}
.feedback label{display:grid;gap:8px;font-weight:500}
.feedback .opt{color:var(--muted);font-weight:400;font-size:14px}
.feedback input,.feedback select,.feedback textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:4px;padding:11px 14px;width:100%}
.feedback textarea{resize:vertical;min-height:140px}
.feedback input::placeholder,.feedback textarea::placeholder{color:var(--muted)}
.feedback input:focus-visible,.feedback select:focus-visible,.feedback textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.feedback .submit{justify-self:start;background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600;padding:12px 24px}
.feedback .submit:disabled{opacity:.6;cursor:wait}
.feedback .hp{position:absolute;left:-9999px}
#feedback-status{min-height:1.6em;margin:0}
#feedback-status[data-state=ok]{color:var(--accent)}
#feedback-status[data-state=err]{color:var(--gold)}