:root{--achtergrond:#121417;--vlak:#1b1f24;--vlak-2:#242a31;--rand:#313842;--tekst:#e8eaed;--zacht:#9aa3ad;--accent:#5b9cf5;--live:#e5484d;--goed:#3fb27f;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--tekst);background:var(--achtergrond);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}h1{margin:0 0 .5rem;font-size:1.5rem}a{color:var(--accent)}.zacht{color:var(--zacht)}.klein{font-size:.875rem}.fout{color:#ff8f8f}.midden{text-align:left;place-items:center;min-height:70vh;padding:1.5rem;display:grid}.pagina{max-width:860px;margin:0 auto;padding:1.5rem}.kaart{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--radius);padding:1.25rem}.formulier{gap:1rem;width:min(400px,100%);display:grid}label{gap:.35rem;font-size:.95rem;display:grid}input,select{font:inherit;color:var(--tekst);background:var(--vlak-2);border:1px solid var(--rand);border-radius:8px;min-width:0;padding:.6rem .7rem}input:focus-visible,select:focus-visible,.knop:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.knop{font:inherit;border:1px solid var(--rand);background:var(--vlak-2);min-height:44px;color:var(--tekst);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;text-decoration:none;display:inline-flex}.knop:hover{border-color:#4a5462}.knop:disabled{opacity:.6;cursor:default}.knop-klein{min-height:36px;padding:.3rem .75rem;font-size:.9rem}.knop-hoofd{background:var(--accent);border-color:var(--accent);color:#0b1220;font-weight:600}.knop-aan{border-color:var(--goed);box-shadow:inset 0 0 0 1px var(--goed)}.knop-start{background:var(--live);border-color:var(--live);color:#fff;font-weight:600}.knop-stop{border-color:var(--live);color:#ffb3b5;background:0 0;font-weight:600}.label{background:var(--vlak-2);color:var(--zacht);border:1px solid var(--rand);vertical-align:middle;border-radius:999px;margin-left:.6rem;padding:.1rem .55rem;font-size:.8rem;display:inline-block}.label-live{background:var(--live);border-color:var(--live);color:#fff;font-weight:600}.kop{border-bottom:1px solid var(--rand);background:var(--vlak);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.kop-links,.kop-rechts{flex-wrap:wrap;align-items:center;gap:.75rem;min-width:0;display:flex}.nieuw{flex-wrap:wrap;align-items:end;gap:1rem;margin:1rem 0 1.5rem;display:flex}.nieuw label{flex:260px}.lijst{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.rij{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.check{gap:1rem;width:min(560px,100%);display:grid}.check-voorbeeld{aspect-ratio:16/9;background:#000;border-radius:8px;place-items:center;display:grid;overflow:hidden}.check-video{object-fit:cover;width:100%;height:100%}.check-uit{color:var(--zacht)}.check-rij{grid-template-columns:minmax(130px,auto) 1fr;align-items:center;gap:.75rem;display:grid}.schakelaar{align-items:center;gap:.5rem;display:flex}.schakelaar input{width:1.2rem;height:1.2rem}.niveau{background:var(--vlak-2);border-radius:999px;height:6px;overflow:hidden}.niveau-balk{background:var(--goed);height:100%;transition:width 80ms linear}.studio-inhoud,.kijk-inhoud{gap:1rem;max-width:1280px;margin:0 auto;padding:1rem;display:grid}.bediening{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.scheiding{flex:1 1 0}.melding{color:var(--zacht);margin:0}.links{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--radius);padding:.75rem 1rem}.links summary{cursor:pointer}.links label{margin-top:.75rem}.programma{aspect-ratio:16/9;border-radius:var(--radius);background:#000;width:100%;position:relative;overflow:hidden;container-type:inline-size}.programma-raster{grid-template-columns:repeat(var(--kolommen,1), 1fr);grid-auto-rows:1fr;align-content:center;gap:.6cqw;padding:.6cqw;display:grid}.programma-scherm{grid-template-columns:1fr 20%;gap:.6cqw;padding:.6cqw;display:grid}.programma-hoofd{background:#000;min-height:0;position:relative}.programma-zij{flex-direction:column;justify-content:center;gap:.6cqw;min-height:0;display:flex}.programma-zij .tegel{aspect-ratio:16/9;flex:none}.scherm-video{object-fit:contain;width:100%;height:100%;display:block}.tegel{background:var(--vlak-2);border-radius:.6cqw;min-height:0;position:relative;overflow:hidden}.tegel-video{object-fit:cover;width:100%;height:100%;display:block}.tegel-leeg{place-items:center;width:100%;height:100%;display:grid}.tegel-leeg span{aspect-ratio:1;background:var(--rand);width:12cqw;max-width:50%;color:var(--tekst);border-radius:50%;place-items:center;font-size:5cqw;display:grid}.programma-zij .tegel-leeg span{width:5cqw;font-size:2.5cqw}.tegel-naam{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#0009;border-radius:.4cqw;max-width:calc(100% - 1.2cqw);padding:.15em .6em;font-size:max(10px,1.4cqw);position:absolute;bottom:.6cqw;left:.6cqw;overflow:hidden}.programma-zij .tegel-naam{font-size:max(9px,1cqw)}.programma-leeg{color:var(--zacht);grid-column:1/-1;place-items:center;display:grid}.wachtscherm{aspect-ratio:16/9;background:var(--vlak);border:1px solid var(--rand);border-radius:var(--radius);text-align:center;place-items:center;padding:1rem;font-size:1.4rem;display:grid}.geluid-aan{justify-self:center}@media (width<=600px){.kop{padding:.6rem .8rem}.studio-inhoud,.kijk-inhoud,.pagina{padding:.75rem}.bediening .knop{flex:calc(50% - .6rem)}.scheiding{display:none}.check-rij{grid-template-columns:1fr}.wachtscherm{font-size:1.1rem}}.programma-zij .tegel-scherm{background:#000}.verbindingsmelding{color:#ffe2a3;background:#3a2f12;border:1px solid #6b5520;border-radius:8px;margin:0;padding:.6rem .9rem}.melding-rustig{background:var(--vlak);border:1px solid var(--rand);max-width:1248px;color:var(--zacht);border-radius:8px;margin:1rem auto 0;padding:.6rem .9rem}.melding-actie{max-width:none;color:var(--tekst);border-color:#6b5520;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:0;display:flex}.wachtscherm-knop{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}h2{margin:0;font-size:1.05rem}.rol-label{background:var(--vlak-2);color:var(--zacht);border:1px solid var(--rand);white-space:nowrap;border-radius:999px;padding:.05rem .5rem;font-size:.75rem;display:inline-block}.rol-host{border-color:var(--accent);color:#cfe0ff}.rol-gast{border-color:var(--goed);color:#c6f0dc}.rol-in-beeld{color:#ffe2a3;border-color:#c99a2e}.rol-label.label-live{background:var(--live);border-color:var(--live);color:#fff}.studio-inhoud.met-paneel,.kijk-inhoud.met-paneel{grid-template-columns:minmax(0,1fr) 340px;align-items:start;max-width:1600px}.hoofdkolom{gap:1rem;min-width:0;display:grid}.paneel{background:var(--vlak);border:1px solid var(--rand);border-radius:var(--radius);flex-direction:column;min-width:0;height:calc(100vh - 6rem);min-height:420px;display:flex;position:sticky;top:1rem;overflow:hidden}.paneel-kop{border-bottom:1px solid var(--rand);padding:.6rem .9rem}.paneel-inhoud{flex-direction:column;flex:auto;gap:.6rem;min-height:0;padding:.75rem;display:flex;overflow:hidden}.paneel-uitleg{margin:0}.tabs{border-bottom:1px solid var(--rand);display:flex}.tab{font:inherit;min-height:44px;color:var(--zacht);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1 1 0}.tab-aan{color:var(--tekst);border-bottom-color:var(--accent);font-weight:600}.tab:focus-visible,.link-knop:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.chat-lijst,.poll-lijst{flex:auto;align-content:start;gap:.5rem;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.chat-bericht{background:var(--vlak-2);border:1px solid #0000;border-radius:8px;min-width:0;padding:.45rem .6rem}.chat-in-beeld{border-color:#c99a2e}.chat-kop{flex-wrap:wrap;align-items:center;gap:.4rem;min-width:0;display:flex}.chat-naam{overflow-wrap:anywhere;font-size:.9rem;font-weight:600}.chat-tekst{overflow-wrap:anywhere;white-space:pre-wrap;margin:.15rem 0 0;font-size:.95rem}.chat-acties{flex-wrap:wrap;gap:.4rem;margin-top:.4rem;display:flex}.chat-invoer{flex-wrap:wrap;align-items:end;gap:.5rem;display:flex}.chat-invoer input{flex:160px;width:100%}.chat-invoer label{flex:100%}.chat-als{margin:0}.link-knop{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.poll-maken{gap:.5rem;display:grid}.poll-antwoord{align-items:end;gap:.5rem;display:flex}.poll-antwoord label{flex:auto;min-width:0}.poll-knoppen{flex-wrap:wrap;justify-content:space-between;gap:.5rem;display:flex}.poll-kaart{gap:.5rem;padding:.75rem;display:grid}.poll-vraag{overflow-wrap:anywhere;margin:0}.uitslag{gap:.4rem;display:grid}.uitslag-rij{gap:.15rem;display:grid}.uitslag-kop{justify-content:space-between;gap:.5rem;font-size:.9rem;display:flex}.uitslag-tekst{overflow-wrap:anywhere;min-width:0}.uitslag-getal{white-space:nowrap;color:var(--zacht)}.uitslag-balk{background:var(--rand);border-radius:999px;height:8px;overflow:hidden}.uitslag-balk div{background:var(--accent);height:100%}.kijk-poll{border-bottom:1px solid var(--rand);gap:.5rem;padding:.75rem;display:grid}.kijk-poll .rol-label{justify-self:start}.poll-keuzes{gap:.4rem;display:grid}.poll-keuze{white-space:normal;text-align:left;overflow-wrap:anywhere;justify-content:flex-start}.deelnemers{flex-wrap:wrap;align-items:center;gap:.5rem .9rem;display:flex}.deelnemer{overflow-wrap:anywhere;align-items:center;gap:.4rem;display:inline-flex}.uitnodigen{gap:1rem;display:grid}.uitnodig-regel{gap:.35rem;min-width:0;display:grid}.uitnodig-regel p{margin:0}.uitnodig-link{gap:.5rem;min-width:0;display:flex}.uitnodig-link input{flex:auto;width:100%;min-width:0}.in-beeld-bericht{z-index:2;border-left:.5cqw solid var(--accent);color:#fff;background:#0a0e14e0;border-radius:.8cqw;gap:.3cqw;max-width:62%;padding:1cqw 1.6cqw;font-size:max(11px,1.9cqw);line-height:1.3;display:grid;position:absolute;bottom:3cqw;left:3cqw}.in-beeld-naam{color:#cfe0ff;overflow-wrap:anywhere;font-size:.85em;font-weight:700}.in-beeld-tekst{-webkit-line-clamp:4;line-clamp:4;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.in-beeld-poll{z-index:2;color:#fff;background:#0a0e14e6;border-radius:.8cqw;gap:.6cqw;width:40%;padding:1.2cqw 1.6cqw;font-size:max(10px,1.5cqw);line-height:1.25;display:grid;position:absolute;bottom:3cqw;left:3cqw}.in-beeld-vraag{overflow-wrap:anywhere;font-weight:700}.in-beeld-poll .uitslag-kop{font-size:1em}.in-beeld-poll .uitslag-getal{color:#dfe5ec}.in-beeld-poll .uitslag-balk{background:#ffffff2e;height:max(4px,.7cqw)}.uitslag-totaal{color:#c9d1da;font-size:.85em}@container (width<=520px){.in-beeld-bericht{max-width:calc(100% - 6cqw)}.in-beeld-tekst{-webkit-line-clamp:3;line-clamp:3}.in-beeld-poll{gap:2px;width:62%}}@media (width<=900px){.studio-inhoud.met-paneel,.kijk-inhoud.met-paneel{grid-template-columns:minmax(0,1fr)}.paneel{height:auto;min-height:0;position:static}.chat-lijst,.poll-lijst{max-height:50vh}}@media (width<=600px){.uitnodig-link{flex-wrap:wrap}.uitnodig-link .knop{flex:100%}}.paneel-inhoud.polls-inhoud{overflow-y:auto}.polls-inhoud .poll-lijst{flex:none;overflow:visible}