.cf{--cf-bad:#8a1c2b;--on:var(--ink);--on-2:var(--berry-deep);border:var(--bw) solid var(--ink);border-radius:var(--r-panel);background:var(--sky);color:var(--ink);gap:16px;padding:clamp(18px,3cqi,32px);display:grid;position:relative}.cf-title{font:700 clamp(22px,3cqi,34px)/1 var(--display);letter-spacing:-.03em;text-transform:uppercase;font-variant-ligatures:none}.cf-fields{gap:12px;display:grid}.cf-pair{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px 16px;display:grid}.cf-field{align-content:start;gap:6px;display:grid}.cf-label{font:600 13px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--on-2)}.cf :is(input,textarea){inline-size:100%;min-block-size:var(--hit);border:var(--bw) solid var(--ink);border-radius:var(--r-control);background:var(--card);color:var(--ink);font:500 18px/1.5 var(--body);box-shadow:0 3px 0 var(--ink);padding:10px 14px}.cf textarea{resize:vertical;min-block-size:140px}.cf :is(input,textarea):disabled{opacity:.7}.cf [data-invalid] :is(input,textarea){border-color:var(--cf-bad);box-shadow:0 3px 0 var(--cf-bad)}.cf-error{min-block-size:1.5em;font:500 15px/1.5 var(--body);color:var(--cf-bad)}.cf-bot{block-size:1px;inline-size:1px;position:absolute;left:-10000px;overflow:hidden}.cf-foot{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.cf-send{margin-inline-start:auto}.cf-send:disabled{cursor:progress;opacity:.75}.cf-hint{font:500 15px/1.45 var(--body);color:var(--on-2);flex:18ch}.cf-status{min-block-size:1.5em;font:600 17px/1.5 var(--body);color:var(--on);align-items:center;gap:8px;display:inline-flex}.cf-status:empty{min-block-size:0;margin-top:-16px}.cf-status[data-kind=error]{color:var(--cf-bad)}.cf-status[data-kind=sent]{color:var(--berry-deep)}.cf-sent{border:var(--bw) solid var(--ink);border-radius:var(--r-card);background:var(--card);justify-items:start;gap:16px;padding:clamp(20px,3cqi,32px);display:grid}.cf-sent-badge{border:var(--bw) solid var(--ink);background:var(--tile-leaf);width:56px;height:56px;color:var(--ink);border-radius:50%;place-items:center;display:grid}.cf-sent-title{color:var(--ink);font-size:clamp(40px,7cqi,72px)}.cf-sent-title:focus{outline:none}.cf-sent-title:focus-visible{outline:3px solid var(--berry);outline-offset:4px}