:root { color-scheme: light; font-family: system-ui, sans-serif; color: #202820; background: transparent; }
* { box-sizing: border-box; }
body { margin: 0; padding: 1rem; }
.wf__form { display: grid; gap: .9rem; }
.wf__field { display: grid; gap: .35rem; font-size: .95rem; }
.wf__field input, .wf__field select, .wf__field textarea { width: 100%; padding: .7rem; border: 1px solid #aeb8ad; border-radius: .45rem; font: inherit; background: #fff; }
.wf__field textarea { min-height: 7rem; resize: vertical; }
.wf__form button { justify-self: start; padding: .7rem 1.2rem; border: 0; border-radius: .45rem; background: #b7ed35; color: #17200c; font: inherit; font-weight: 700; cursor: pointer; }
.wf__form button:disabled { opacity: .6; cursor: wait; }
.wf__status { min-height: 1.4em; margin: 0; }
.wf__status--ok { color: #17613a; }
.wf__status--error { color: #a32121; }
.wf__trap { position: absolute; left: -10000px; }