*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#eef2f7;color:#18202b}.shell{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(680px,100%);background:#fff;border-radius:22px;padding:28px;box-shadow:0 20px 60px rgba(0,0,0,.12)}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.12em;color:var(--accent)}h1{margin:.3rem 0 0;font-size:2.2rem}.tagline{font-weight:700;color:var(--accent);margin-top:.2rem}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-weight:700;margin:16px 0 8px}input,select{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:12px;font:inherit}.recorder{margin-top:22px;padding:20px;border-radius:16px;background:#f8fafc;text-align:center}.timer{font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:800;margin-bottom:14px}button{border:0;border-radius:999px;padding:12px 18px;font-weight:800;cursor:pointer;margin:5px}.primary,.send{background:var(--accent);color:#fff}.secondary{background:#e2e8f0;color:#111827}.send{width:100%;margin:20px 0 0;padding:15px}button:disabled{opacity:.45;cursor:not-allowed}audio{width:100%;margin-top:15px}.consent{font-weight:500;font-size:.92rem;display:flex;gap:9px;align-items:flex-start}.consent input{width:auto;margin-top:4px}.status{margin-top:14px;text-align:center;font-weight:700}.status.error{color:#b42318}@media(max-width:600px){.grid{grid-template-columns:1fr}.card{padding:20px}h1{font-size:1.8rem}}