.cf{gap:14px;display:grid}.cf label{color:var(--cf-label,inherit);gap:6px;font-size:13px;font-weight:600;display:grid}.cf input,.cf select{width:100%;font:inherit;border:1px solid var(--cf-line,#ccc);border-radius:var(--cf-radius,6px);background:var(--cf-bg,#fff);color:var(--cf-ink,#111);padding:13px 14px;font-size:16px;font-weight:400}.cf input:focus,.cf select:focus{outline:2px solid var(--cf-accent,#333);outline-offset:1px}.cf button{font:inherit;border-radius:var(--cf-radius,6px);background:var(--cf-accent,#333);color:var(--cf-btn-text,#fff);cursor:pointer;border:0;padding:15px 18px;font-size:16px;font-weight:700;transition:filter .2s,transform .2s}.cf button:hover{filter:brightness(1.08);transform:translateY(-1px)}.cf small{color:var(--cf-note,#777);text-align:center;font-size:12px}.cf-done{border-radius:var(--cf-radius,6px);background:var(--cf-bg,#fff);color:var(--cf-ink,#111);padding:18px;font-size:15px}