.tf{gap:var(--space-2);display:grid}.tf__label{font-weight:var(--weight-semibold);color:var(--color-ink);font-size:var(--text-small)}.tf__req{color:var(--color-danger)}.tf__desc{font-size:var(--text-meta);color:var(--color-muted-strong);margin:0}.tf__input{height:var(--input-h);padding-inline:var(--space-4);border-radius:var(--radius-control);border:1.5px solid var(--color-border-input);background:var(--color-surface);color:var(--color-ink);font:inherit;box-sizing:border-box;width:100%;transition:border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);font-size:17px}.tf__input::placeholder{color:var(--color-muted-strong)}.tf__input:hover{border-color:var(--color-body)}.tf__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 25%, transparent);outline:none}.tf--error .tf__input{border-color:var(--color-danger)}.tf--error .tf__input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-danger) 22%, transparent)}.tf__error{align-items:center;gap:var(--space-1);color:var(--color-danger);font-size:var(--text-small);font-weight:var(--weight-medium);margin:0;display:flex}.tf--disabled .tf__input{background:var(--color-subtle);color:var(--color-muted-strong);border-color:var(--color-border);cursor:not-allowed}@media (width<=767.98px){.tf__input{font-size:16px}}