fix(ui): prevent iOS zoom on custom answers

src/client/src/components/AskUserCard.test.ts

@@ -82,6 +82,7 @@ describe("ask-user-card live form", () => {
     const textarea = requiredElement(root.querySelector("textarea"), "custom textarea");
     const label = requiredElement(textarea.closest("label"), "custom label");
     expect(label.textContent).toContain("Custom answer");
+    expect(getComputedStyle(textarea).fontSize).toBe("16px");
     expect(root.activeElement).toBe(textarea);
 
     textarea.value = "Svelte";

src/client/src/components/AskUserCard.ts

@@ -492,8 +492,7 @@ export class AskUserCard extends LitElement {
       background: var(--pi-bg);
       color: var(--pi-text);
       padding: 8px;
-      font: inherit;
-      line-height: 1.4;
+      font: var(--pi-control-font-size, 16px)/1.4 var(--pi-control-font-family, system-ui, sans-serif);
     }
     .form-footer {
       display: flex;