:root{--tekst:#1f2933;--tekst-gedempt:#4a5560;--achtergrond:#f7f6f3;--vlak:#fff;--rand:#cfd6dc;--accent:#1f4e5f;--accent-donker:#17323c;--fout:#8a2a2a;--fout-achtergrond:#f9ecec;--focus:#14507a}*{box-sizing:border-box}body{color:var(--tekst);background:var(--achtergrond);margin:0;font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;font-size:1.0625rem;line-height:1.6}h1{margin:0 0 .75rem;font-size:1.5rem;line-height:1.3}p{margin:0 0 1rem}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.pagina{max-width:38rem;margin:0 auto;padding:3rem 1.25rem 4rem}label{margin-bottom:.35rem;font-weight:600;display:block}input[type=text]{width:100%;max-width:24rem;font:inherit;color:var(--tekst);background:var(--vlak);border:1px solid var(--rand);border-radius:4px;padding:.6rem .75rem}input[type=text][aria-invalid=true]{border-color:var(--fout)}button{font:inherit;color:#fff;background:var(--accent);border:1px solid var(--accent-donker);cursor:pointer;border-radius:4px;margin-top:1rem;padding:.6rem 1.4rem;font-weight:600}button:hover:not(:disabled){background:var(--accent-donker)}button:disabled{opacity:.55;cursor:not-allowed}fieldset,.vaste-vorm{border:1px solid var(--rand);background:var(--vlak);border-radius:6px;margin:0 0 1.5rem;padding:1rem 1.25rem}.vaste-vorm-kop{margin:0 0 .4rem;font-size:1rem;font-weight:700}.vaste-vorm-inhoud{margin:0}.vaste-vorm-inhoud strong{display:block}legend{padding:0 .4rem;font-weight:700}.keuze-optie{align-items:flex-start;gap:.6rem;padding:.4rem 0;display:flex}.keuze-optie input[type=radio]{width:1.1rem;height:1.1rem;accent-color:var(--accent);margin-top:.4rem}.keuze-optie label{margin:0;font-weight:400}.keuze-optie strong{display:block}.optie-uitleg{color:var(--tekst-gedempt);font-size:.95rem;display:block}.waarschuwing{font-weight:600}.fout{color:var(--fout);background:var(--fout-achtergrond);border:1px solid var(--fout);border-radius:4px;padding:.6rem .8rem}.interview{flex-direction:column;min-height:100vh;display:flex}.isa-banner{z-index:10;background:var(--accent-donker);color:#fff;text-align:center;padding:.7rem 1rem;font-weight:600;position:sticky;top:0}.interview-inhoud{flex-direction:column;flex:1;width:100%;max-width:44rem;margin:0 auto;padding:1.5rem 1.25rem 3rem;display:flex}.conditie{flex-direction:column;flex:1;gap:1rem;display:flex}.stop-rij{border-top:1px solid var(--rand);margin-top:1.5rem;padding-top:1rem}.knop-stop{background:var(--fout);border-color:#6e2121}.knop-stop:hover:not(:disabled){background:#6e2121}.knop-secundair{background:var(--vlak);color:var(--tekst);border:1px solid var(--rand);margin-left:.6rem}.knop-secundair:hover:not(:disabled){background:var(--achtergrond)}.stop-bevestiging p{margin-bottom:.25rem;font-weight:600}.avatar-vlak{aspect-ratio:16/9;background:#10181d;border-radius:8px;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar-video{object-fit:contain;width:100%;height:100%}.wachttekst{color:#e8edf1;margin:0}.voice-vlak{background:var(--vlak);border:1px solid var(--rand);border-radius:8px;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;display:flex}.voice-stand{margin:0;font-weight:600}.voice-indicator{background:var(--rand);border-radius:50%;width:1.1rem;height:1.1rem}.voice-indicator--listening{background:#2e7d32}.voice-indicator--thinking{background:#b58900}.voice-indicator--speaking{background:var(--accent)}.microfoon{align-items:center;gap:.9rem;display:flex}.microfoon button{margin-top:0}.microfoon-status{color:var(--tekst-gedempt);margin:0}.chat-lijst{background:var(--vlak);border:1px solid var(--rand);border-radius:8px;flex-direction:column;flex:1;gap:.75rem;min-height:14rem;max-height:55vh;margin:0;padding:1rem;list-style:none;display:flex;overflow-y:auto}.chat-bericht{border-radius:8px;max-width:85%;padding:.5rem .8rem}.chat-isa{background:#eef1f3;align-self:flex-start}.chat-ik{background:#e3ecef;align-self:flex-end}.chat-afzender{color:var(--tekst-gedempt);font-size:.85rem;font-weight:700;display:block}.chat-tekst{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.chat-formulier{margin-top:1rem}.chat-invoer-rij{align-items:stretch;gap:.6rem;display:flex}.chat-invoer-rij input[type=text]{flex:1;max-width:none}.chat-invoer-rij button{margin-top:0}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}