:root{--grond:#f2f2f7;--blad:#fff;--achtergrond:var(--grond);--vlak:var(--blad);--tekst:#1c1c1e;--zacht:#636366;--lijn:#e1e1e6;--rand:#c7c7cc;--accent:#1b6ae5;--accent-tekst:#fff;--meest:#34c759;--minst:#d70015;--meest-vlak:#1c7f3c;--minst-vlak:#d70015;--knop-uit:#e5e5ea;--balk-achtergrond:#f2f2f7eb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{-webkit-text-size-adjust:100%}body{background:var(--achtergrond);max-width:40rem;color:var(--tekst);-webkit-font-smoothing:antialiased;margin:0 auto;padding:1rem 1rem 0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,system-ui,sans-serif;line-height:1.4;position:relative}.inhoud{font-size:calc(1rem * var(--schaal,1));display:flow-root}.inhoud:has(.keuzes){--schaal:var(--schaal-uitspraak,1)}.inhoud:has(.reacties){--schaal:var(--schaal-situatie,1)}.inhoud:has(.akkoord){--schaal:var(--schaal-toestemming,1)}.inhoud:has(select){--schaal:var(--schaal-over-jou,1)}.inhoud h1{letter-spacing:-.015em;margin:.4em 0 .6em;font-size:1.6em;font-weight:700;line-height:1.2}.inhoud p{margin:0 0 .75em}:root{--plek:100dvh;--vrij:calc(var(--plek) - 1rem - var(--balk,8rem))}main.inhoud{box-sizing:border-box;min-height:calc(var(--plek) - 1rem);padding-bottom:var(--balk,8rem);flex-direction:column;display:flex}main.inhoud:not(:has(~.balk)){padding-bottom:0}main.inhoud:before{content:"";flex:2 0 0}main.inhoud:after{content:"";flex:3 0 0}main.inhoud:has(.keuzes):before{flex:0 0 max(0px, calc((var(--vrij) - var(--hoogte-uitspraak,0px)) * .4))}main.inhoud:has(.reacties):before{flex:0 0 max(0px, calc(var(--vrij) - var(--hoogte-situatie,0px) - .4rem))}main.inhoud:has(.keuzes):after{flex:0 0 0}main.inhoud:has(.reacties):after{flex:0 0 0}[role=alert]{color:var(--minst);font-weight:600}.meetlaag{visibility:hidden;pointer-events:none;height:0;position:absolute;top:0;left:1rem;right:1rem;overflow:hidden}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}.voortgang{color:var(--zacht);margin-top:.4em;font-size:.8125em}.later-knop{z-index:5;height:1.875rem;color:var(--accent);white-space:nowrap;background:0 0;border:0;padding:0;font-size:.8125rem;font-weight:600;position:fixed;top:.3rem;right:max(1rem,50vw - 20rem)}.later-knop:after{content:"";position:absolute;inset:-.45rem 0}.later-knop:active{opacity:.7}.voortgangsbalk{top:env(safe-area-inset-top,0px);z-index:6;background:var(--knop-uit);pointer-events:none;height:3px;position:fixed;left:0;right:0}.voortgangsbalk i{background:var(--accent);height:100%;transition:width .2s;display:block}.merknaam{margin-bottom:0;font-weight:600}.inhoud.melding{font-size:1.0625rem}.inhoud .vraagtekst{min-height:3.9em;margin:.25em 0 .6em;font-size:1.4em;font-weight:650;line-height:1.3}.keuzes{background:var(--vlak);border-radius:12px;padding:0 .9em}.keuze{border-bottom:.5px solid var(--lijn);cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:.75em;padding:.75em 0;display:flex}.keuze:last-child{border-bottom:0}.keuze input,.akkoord input{appearance:none;border:1.5px solid var(--rand);background:var(--vlak);border-radius:50%;flex:none;place-content:center;width:1.3em;height:1.3em;margin:0;display:grid}.keuze input{border:2px solid var(--rand)}.keuze input:checked{background:var(--accent);border-color:var(--accent)}.keuze:has(input:checked){font-weight:600}.enkel-computer{display:none}@media (hover:hover) and (pointer:fine){.enkel-computer{display:block}.toets{box-sizing:border-box;border:1px solid var(--rand);min-width:1.6em;color:var(--zacht);font:inherit;text-align:center;border-radius:6px;margin-left:auto;padding:.1em .3em;font-size:.8125em;font-weight:400}}.akkoord{background:var(--vlak);cursor:pointer;border-radius:12px;align-items:center;gap:.75em;padding:.8em .9em;font-weight:600;display:flex}.akkoord input{border-radius:6px}.akkoord input:checked{border-color:var(--accent);background:var(--accent)}.akkoord input:checked:after{content:"";border:solid var(--accent-tekst);border-width:0 2px 2px 0;width:.32em;height:.6em;transform:translateY(-.06em)rotate(45deg)}.velden{background:var(--vlak);border-radius:12px;padding:0 .9em}.veld{border-bottom:.5px solid var(--lijn);padding:.6em 0}.veld:last-child{border-bottom:0}.veld label{color:var(--zacht);margin-bottom:.25em;font-size:.8125em;display:block}.veld select{font:inherit;width:100%;min-height:2.2em;color:var(--tekst);appearance:none;background:0 0;background-image:linear-gradient(45deg, transparent 50%, var(--zacht) 50%), linear-gradient(135deg, var(--zacht) 50%, transparent 50%);background-position:calc(100% - .55em) 55%,calc(100% - .25em) 55%;background-repeat:no-repeat;background-size:.3em .3em;border:0;padding:0}.veld select:invalid{color:var(--zacht)}.veld select:has(option[value=""]:checked){color:var(--zacht)}.situatie{margin-bottom:.6em}.opdracht{margin-bottom:.5em;font-weight:600}.reacties{gap:.45em;display:grid}.reactie{background:var(--vlak);border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:.65em;padding:.4em .5em .4em .8em;display:grid}.reactie-letter{color:var(--accent);font-weight:700}.inhoud .reactie-tekst{overflow-wrap:anywhere;min-width:0;margin:0;line-height:1.35}.reactie-knoppen{gap:.5em;display:grid}.reactie-knoppen button{background:var(--achtergrond);min-width:5.5em;min-height:max(2.5em,30px);color:var(--tekst);border:0;border-radius:8px;padding:.15em .6em;font-size:.9em;font-weight:600}.reactie-knoppen .meest[aria-pressed=true]{background:var(--meest-vlak);color:#fff}.reactie-knoppen .minst[aria-pressed=true]{background:var(--minst-vlak);color:#fff}.balk{background:var(--balk-achtergrond);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-top:.5px solid var(--lijn);padding:.4rem 1rem calc(.6rem + env(safe-area-inset-bottom));z-index:1;position:fixed;bottom:0;left:0;right:0}.balk-binnen{grid-template-columns:auto 1fr auto;grid-template-areas:"status status status""links midden rechts";row-gap:.3rem;max-width:40rem;margin:0 auto;display:grid}.balk-status{color:var(--zacht);grid-area:status;height:2.8em;margin:0;font-size:.8125rem;line-height:1.4;overflow:hidden}.balk-links{grid-area:links;justify-self:start}.balk-rechts{grid-area:rechts;justify-self:end}.balk-midden{grid-area:midden;place-self:center}.balk-midden button{color:var(--accent);background:0 0;padding:.4rem .3rem;font-size:.875rem}.balk button{border:0;border-radius:12px;min-height:2.75rem;font-size:1.0625rem}.balk-links button{color:var(--accent);text-align:left;background:0 0;min-width:5rem;padding:.6rem .25rem}.balk-links button:before{content:"‹ ";font-size:1.2em;line-height:0}.balk-rechts button{background:var(--accent);color:var(--accent-tekst);white-space:nowrap;min-width:8rem;padding:.6rem 1.6rem;font-weight:600}.balk-rechts button:disabled{background:var(--knop-uit);color:var(--zacht)}.balk button:active:not(:disabled){opacity:.7}@media (max-height:600px){.balk{padding-top:.25rem;padding-bottom:calc(.4rem + env(safe-area-inset-bottom))}.balk-binnen{row-gap:.15rem}.balk-status{height:2.5em;font-size:.75rem;line-height:1.25}}@media (max-height:480px) and (orientation:landscape){.balk-binnen{grid-template-columns:auto auto 1fr auto;grid-template-areas:"links midden status rechts";align-items:center;column-gap:.75rem}}@media (min-height:700px){.reactie-knoppen button{min-height:max(2.5em,36px)}}@media (hover:hover) and (pointer:fine){.balk-rechts button{min-width:11rem;padding-left:1rem;padding-right:1rem}.toets.toets-enter{min-width:0;color:inherit;opacity:.75;vertical-align:.05em;border-color:currentColor;margin-left:.6em;padding:.05em .35em;display:inline-block}}.veld input{font:inherit;box-sizing:border-box;width:100%;min-height:2.2em;color:var(--tekst);outline-offset:0;background:0 0;border:0;padding:0;font-size:16px}.inhoud .tikfout{min-height:4em;margin:.5em 0 0}.tikfout>span:not([role]){overflow-wrap:anywhere;padding-top:.5em;line-height:1.3;display:block}.tikfout button{color:var(--accent);background:0 0;border:0;margin-right:1.5em;padding:.5em 0;font-weight:600}.tekstknop{color:var(--accent);font:inherit;background:0 0;border:0;padding:.5em 0;font-weight:600}.tikfout [role=alert]{padding:.5em 0;line-height:1.3;display:block}.veld input[aria-invalid=true]{box-shadow:inset 0 -2px 0 var(--minst)}body:has(.beheer){max-width:60rem;padding-bottom:3rem}.beheer{gap:1rem;display:grid}.beheer.smal{max-width:24rem;margin:3rem auto 0}.beheer h1{letter-spacing:-.015em;margin:0;font-size:1.6rem}.beheer h2{margin:0 0 .6rem;font-size:1.05rem}.beheer p{margin:0 0 .6rem}.beheer .kop{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.cijfers{grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.6rem;display:grid}.cijfers b{font-variant-numeric:tabular-nums;font-size:1.5rem}.cijfers span{color:var(--zacht);font-size:.875rem}.beheer input:not([type=checkbox]){font:inherit;box-sizing:border-box;border:1px solid var(--rand);background:var(--vlak);width:100%;color:var(--tekst);border-radius:8px;padding:.5rem .65rem;font-size:16px}.beheer button,.beheer .knop{font:inherit;background:var(--achtergrond);color:var(--tekst);border:0;border-radius:8px;padding:.5rem .85rem;font-size:.9375rem;text-decoration:none;display:inline-block}.beheer button.hoofd{background:var(--accent);color:var(--accent-tekst);font-weight:600}.beheer .knop.hoofd{background:var(--accent);color:var(--accent-tekst);text-align:center;padding:.7rem 1rem;font-weight:600}.beheer button.hoofd:disabled{background:var(--knop-uit);color:var(--zacht)}.beheer button.gevaar{color:var(--minst)}.inhoud form h2,.inhoud h2{margin:2em 0 .4em;font-size:1.125em}.hoofdknop{background:var(--accent);color:var(--accent-tekst);font:inherit;border:0;border-radius:12px;min-height:2.75rem;padding:.6rem 1.6rem;font-weight:600}.hoofdknop:disabled{background:var(--knop-uit);color:var(--zacht)}.beheer button.tekstknop{color:var(--accent);background:0 0;padding:0}.knoppen{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex;margin-top:.6rem!important}.qr{background:#fff;border-radius:8px;width:15rem;max-width:100%;margin:0 auto .6rem;padding:.25rem}.qr svg{width:100%;height:auto;display:block}.mail-link{color:var(--accent);overflow-wrap:anywhere}.mail-onder{margin-top:1.5rem}.lijst{margin:0;padding:0;list-style:none}.lijst li{border-top:.5px solid var(--lijn);grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) auto;align-items:center;gap:.75rem;padding:.65rem 0;display:grid}.wie{overflow-wrap:anywhere;min-width:0;display:grid}.acties{gap:.35rem;display:flex}@media (max-width:40rem){.lijst li{grid-template-columns:minmax(0,1fr);gap:.35rem}}@media (min-width:768px) and (min-height:640px){:root{--plek:min(calc(100dvh - 1.5rem), 47.5rem);--marge:calc((100dvh - var(--plek)) / 2)}body:has(main.inhoud){--achtergrond:var(--blad);--vlak:var(--grond);--balk-achtergrond:transparent;background:var(--grond);padding-top:calc(var(--marge) + 1rem)}body:has(main.inhoud):before{content:"";z-index:-1;top:var(--marge);width:42rem;height:var(--plek);box-sizing:border-box;background:var(--blad);border:1px solid var(--lijn);border-radius:20px;position:fixed;left:calc(50vw - 21rem)}main.inhoud:has(.reacties):before{flex-basis:max(0px, calc((var(--vrij) - var(--hoogte-situatie,0px)) * .4))}.later-knop{top:calc(var(--marge) + .6rem);right:calc(50vw - 20rem)}.balk{left:calc(50vw - 21rem);right:calc(50vw - 21rem);bottom:var(--marge);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-top:0;padding-bottom:.75rem}}
