.praat{max-width:1080px;padding-inline:max(var(--ruimte-2), env(safe-area-inset-left,0px));padding-block:var(--ruimte-2) var(--ruimte-3);margin-inline:auto}.praat-gast{gap:var(--ruimte-3);flex-direction:column;display:flex}.praat-gast h1,.praat-gast p{margin:0}.praat-app{gap:var(--ruimte-3);grid-template-columns:260px 1fr;height:calc(100dvh - 120px);min-height:480px;display:grid}.praat-kamers{flex-direction:column;gap:6px;display:flex;overflow-y:auto}.praat-kamer{align-items:center;gap:var(--ruimte-1);padding:var(--ruimte-1);border-radius:var(--radius-wolk);background:var(--oppervlak);color:var(--inkt);border:3px solid #0000;text-decoration:none;display:flex;position:relative}.praat-kamer.is-hier{border-color:var(--hemel)}.praat-kamer img,.praat-kop__beeld{object-fit:cover;background:#fbfaf6;border-radius:50%;flex:none;width:48px;height:48px}.praat-kamer span{flex-direction:column;min-width:0;display:flex}.praat-kamer b{font-family:var(--font-display);font-size:20px}.praat-kamer small{color:var(--inkt-zacht)}.praat-nieuw{background:var(--dakpan);border-radius:50%;width:12px;height:12px;position:absolute;top:8px;right:10px}.praat-gesprek{gap:var(--ruimte-1);flex-direction:column;min-width:0;min-height:0;display:flex}.praat-kop{align-items:center;gap:var(--ruimte-2);display:flex}.praat-kop h1,.praat-kop p{margin:0}.praat-kop a{color:var(--hemel);font-weight:600}.praat-toezicht{margin-left:auto}.praat-berichten{min-height:0;padding:var(--ruimte-2);gap:var(--ruimte-2);border-radius:var(--radius-wolk);background:linear-gradient(var(--lucht), var(--oppervlak));flex-direction:column;flex:1;margin:0;list-style:none;display:flex;overflow-y:auto}.praat-leeg{color:var(--inkt-zacht);margin:auto}.praat-bericht{align-items:flex-end;gap:var(--ruimte-1);max-width:min(80%,620px);display:flex}.praat-bericht.is-mijn{flex-direction:row-reverse;align-self:flex-end}.praat-gezicht{object-fit:cover;background:#fbfaf6;border-radius:50%;flex:none;width:40px;height:40px}.praat-gezicht--lid{color:#fff;font-family:var(--font-display);place-items:center;font-size:20px;font-weight:800;display:grid}.praat-ballon{padding:var(--ruimte-1) var(--ruimte-2);background:var(--oppervlak);border-radius:18px 18px 18px 4px;position:relative;box-shadow:0 1px #1f2a4414}.is-mijn .praat-ballon{background:var(--hemel);color:var(--op-hemel);border-radius:18px 18px 4px}.is-uitleg .praat-ballon{border:2px dashed var(--zon)}.praat-ballon p{margin:0}.praat-ballon__kop time,.praat-ballon__kop span{opacity:.7}.praat-ballon__tekst{font-family:var(--font-lezen);white-space:pre-wrap;overflow-wrap:anywhere;font-size:19px;line-height:27px}.praat-keuze{margin-top:var(--ruimte-1)}.praat-keuze__opties{gap:var(--ruimte-1);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.praat-keuze__optie{padding:var(--ruimte-1) var(--ruimte-2);border:3px solid var(--hemel);border-radius:var(--radius-klein);background:var(--oppervlak);color:var(--inkt);font:inherit;text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.praat-keuze__optie:disabled{cursor:default;opacity:.75}.praat-keuze__optie.is-mijn{background:color-mix(in srgb, var(--hemel) 18%, var(--oppervlak))}.praat-keuze__optie.is-gekozen{border-color:var(--zon);background:color-mix(in srgb, var(--zon) 30%, var(--oppervlak));opacity:1}.praat-keuze__label{font-family:var(--font-display);font-size:19px;font-weight:700}.praat-keuze__stemmen{color:var(--inkt-zacht)}.praat-keuze__status{margin-top:var(--ruimte-1)!important}.praat-lees{background:var(--zon);vertical-align:middle;cursor:pointer;border:0;border-radius:50%;width:30px;height:30px;margin-left:4px;padding:0;font-size:14px}.praat-typt{color:var(--inkt-zacht);margin:0}.praat-invoer{gap:var(--ruimte-1);align-items:flex-end;display:flex}.praat-invoer textarea{min-width:0;min-height:56px;padding:var(--ruimte-1) var(--ruimte-2);border:2px solid var(--inkt-zacht);border-radius:var(--radius-wolk);background:var(--oppervlak);color:var(--inkt);font-family:var(--font-lezen);resize:none;flex:1;font-size:19px}.praat-invoer .knop{min-height:56px}.praat-mic{border:2px solid var(--hemel);border-radius:var(--radius-rond);background:var(--oppervlak);width:56px;height:56px;color:var(--hemel);cursor:pointer;flex:none;place-items:center;display:grid}.praat-mic[hidden]{display:none}.praat-mic:focus-visible{outline:3px solid var(--hemel);outline-offset:3px}.praat-mic.is-luisteren{border-color:var(--dakpan);background:var(--dakpan);color:#fff;animation:1.2s ease-in-out infinite luister}@keyframes luister{50%{box-shadow:0 0 0 8px #d9483b40}}@media (prefers-reduced-motion:reduce){.praat-mic.is-luisteren{animation:none}}.praat-fout{color:var(--dakpan);margin:0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=720px){.praat-app{grid-template-rows:auto 1fr;grid-template-columns:1fr;height:calc(100dvh - 90px)}.praat-kamers{flex-direction:row;overflow:auto hidden}.praat-kamer{flex:none;padding:4px}.praat-kamer span{display:none}.praat-bericht{max-width:92%}}