.stem{max-width:760px;padding-inline:max(var(--ruimte-2), env(safe-area-inset-left,0px));padding-block:var(--ruimte-3) var(--ruimte-4);gap:var(--ruimte-2);flex-direction:column;margin-inline:auto;display:flex}.stem h1,.stem h2,.stem h3,.stem p{margin:0}.stem-tips,.stem-blok,.stem-kop{padding:var(--ruimte-2);border-radius:var(--radius-wolk);background:var(--oppervlak)}.stem-tips summary{cursor:pointer;font-weight:600}.stem-tips ul{margin:var(--ruimte-1) 0 0;flex-direction:column;gap:6px;padding-left:1.2em;display:flex}.stem-blok{align-items:flex-start;gap:var(--ruimte-1);flex-direction:column;display:flex}.stem-kop{flex-direction:column;gap:6px;display:flex}.stem-rol{gap:var(--ruimte-2);flex-direction:column;display:flex}.stem-tabs{gap:var(--ruimte-1);flex-wrap:wrap;display:flex}.stem-tab{min-height:52px;padding:6px var(--ruimte-2);border:2px solid var(--inkt-zacht);border-radius:var(--radius-klein);background:var(--oppervlak);color:var(--inkt);font:inherit;cursor:pointer;flex-direction:column;align-items:flex-start;font-weight:600;display:flex}.stem-tab[aria-current=true]{border-color:var(--hemel);outline:2px solid var(--hemel)}.stem-tab .klein{color:var(--inkt-zacht);font-weight:400}.stem-voortgang{z-index:2;align-items:center;gap:var(--ruimte-1);padding:var(--ruimte-1) 0;background:var(--lucht);display:flex;position:sticky;top:0}.stem-balk{border-radius:var(--radius-rond);background:var(--oppervlak);flex:1;height:12px;overflow:hidden}.stem-balk span{background:var(--gras);height:100%;transition:width .3s;display:block}.stem-groep{font-family:var(--font-display);margin-top:var(--ruimte-2)!important}.stem-uitleg{color:var(--inkt-zacht)}.stem-regels{gap:var(--ruimte-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.stem-regel{gap:var(--ruimte-1);padding:var(--ruimte-2);border-radius:var(--radius-klein);background:var(--oppervlak);border:3px solid #0000;flex-direction:column;scroll-margin-top:56px;display:flex}.stem-regel.is-klaar{border-color:color-mix(in srgb, var(--gras) 55%, transparent)}.stem-regel.is-opname{border-color:var(--dakpan)}.stem-tekst{font-family:var(--font-lezen);font-size:22px;line-height:1.4}.stem-hint{color:var(--inkt-zacht);font-style:italic}.stem-bediening{align-items:center;gap:var(--ruimte-1);flex-wrap:wrap;display:flex}.stem-opnemen{min-width:140px}.is-opname .stem-opnemen{background:var(--dakpan);color:#fff}.stem-meter{border-radius:var(--radius-rond);background:color-mix(in srgb, var(--inkt-zacht) 25%, transparent);width:90px;height:10px;overflow:hidden}.stem-meter span{background:var(--gras);width:0;height:100%;display:block}.stem-opname{border-radius:var(--radius-klein);border:2px solid #0000;align-items:center;gap:2px;padding:2px;display:inline-flex}.stem-opname.is-gekozen{border-color:var(--gras)}.stem-speel,.stem-kies,.stem-wis{border-radius:var(--radius-klein);background:color-mix(in srgb, var(--hemel) 14%, var(--oppervlak));min-width:40px;min-height:40px;color:var(--inkt);font:inherit;cursor:pointer;border:0;padding:0 10px}.stem-speel.is-bezig{background:var(--zon);color:#1f2a44}.stem-wis{color:var(--inkt-zacht);background:0 0}.stem-gekozen{color:var(--gras);padding:0 6px;font-weight:600}.stem-insturen{margin-top:var(--ruimte-2)}.stem-voorbeelden{gap:var(--ruimte-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.stem-voorbeelden li{align-items:center;gap:var(--ruimte-1);flex-wrap:wrap;display:flex}.stem-voorbeelden label,.stem-vink{align-items:center;gap:var(--ruimte-1)!important;flex-direction:row!important;font-weight:400!important;display:flex!important}.stem-voorbeelden input,.stem-vink input{flex:none;width:24px;height:24px;min-height:0!important}.stem-toestemming{padding:var(--ruimte-2);border-left:4px solid var(--zon);background:color-mix(in srgb, var(--zon) 12%, var(--oppervlak));font-size:15px;line-height:1.5}.stem textarea,.beheer textarea{padding:var(--ruimte-1) var(--ruimte-2);border:2px solid var(--inkt-zacht);border-radius:var(--radius-klein);background:var(--oppervlak);color:var(--inkt);font:inherit;font-weight:400}.stem-beheer-rol{width:100%;padding:var(--ruimte-1) 0;border-top:1px solid color-mix(in srgb, var(--inkt-zacht) 25%, transparent);flex-direction:column;gap:6px;display:flex}.stem-status{border-radius:var(--radius-rond);color:#1f2a44;padding:2px 10px;font-size:14px;font-weight:600}.stem-status--opnemen{background:#dfe6f3}.stem-status--ingestuurd{background:#ffc93c}.stem-status--beluisteren{background:#b9a8e8}.stem-status--goedgekeurd{background:#6fcf8d}.stem-nieuw{gap:var(--ruimte-1);flex-direction:column;display:flex}.stem-bericht{white-space:pre-wrap;overflow-wrap:anywhere;padding:var(--ruimte-1) var(--ruimte-2);border-radius:var(--radius-klein);background:var(--lucht);font-size:15px}.stem-upload{align-items:center;gap:var(--ruimte-1);flex-wrap:wrap;display:flex}.stem-upload input[type=text]{border:2px solid var(--inkt-zacht);border-radius:var(--radius-klein);background:var(--oppervlak);min-height:40px;color:var(--inkt);font:inherit;padding:0 10px}