:root{--donkerblauw: #004e70;--lichtblauw: #45a9c6;--rood: #e94c26;--oranje: #f08017;--groen: #8ead26;--goud: #af841d;--wit: #ffffff;--papier: #f4f7f9;--rand: rgba(0, 78, 112, .18);--font: "Hubot Sans", Verdana, sans-serif;--lh-titel: 1.1;--lh-tekst: 1.4;--radius: 18px;--schaduw: 0 6px 20px rgba(0, 78, 112, .12)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);line-height:var(--lh-tekst);color:var(--donkerblauw);background:var(--papier);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}h1,h2,h3{line-height:var(--lh-titel);margin:0;font-weight:700}button{font:inherit;color:inherit}.kiosk,.kiosk *{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.vl{display:flex;flex-direction:column;height:100%;background:var(--papier)}.vl-start{position:relative;height:100%;display:grid;place-items:center;overflow:hidden}.vl-start-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.vl-start-inhoud{position:relative;max-width:44rem;margin:0 24px;padding:clamp(28px,5vh,52px);border-radius:var(--radius);background:#fffffff0;box-shadow:0 18px 50px #004e704d;text-align:center}.vl-start-inhoud h1{font-size:clamp(2rem,4.4vw,3.1rem);margin:.4em 0 .35em}.vl-start-inhoud p{font-size:clamp(1.25rem,1.9vw,1.55rem);margin:0 0 1.6em}.vl-logo-groot{width:min(320px,60%);height:auto}.vl-klaar{height:100%;display:grid;place-content:center;justify-items:center;gap:12px;text-align:center;padding:24px;background:var(--papier)}.vl-klaar h1{font-size:clamp(2rem,4.5vw,3rem);margin-top:.4em}.vl-klaar p{font-size:1.45rem;margin:0 0 1.4em}.vl-kop{display:flex;align-items:center;gap:18px;padding:14px clamp(16px,3vw,36px);background:var(--wit);border-bottom:1px solid var(--rand);flex:none}.vl-logo{height:40px;width:auto}.vl-voortgang{flex:1;height:8px;border-radius:999px;background:#004e701f;overflow:hidden}.vl-voortgang-balk{height:100%;border-radius:999px;background:var(--lichtblauw);transition:width .35s ease}.vl-stap{font-variant-numeric:tabular-nums;font-weight:700;font-size:1.1rem;opacity:.8}.vl-main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:clamp(18px,3vh,34px) clamp(16px,3vw,36px) 12px}.vl-vraag{display:flex;align-items:baseline;gap:14px;font-size:clamp(1.75rem,3.2vw,2.5rem);max-width:60rem}.vl-nummer{flex:none;display:grid;place-items:center;width:1.9em;height:1.9em;font-size:.6em;border-radius:999px;color:var(--wit);background:var(--donkerblauw);transform:translateY(-.15em)}.vl-hint{margin:.5em 0 1.3em;font-size:1.25rem;opacity:.85}.vl-resterend{font-weight:700;opacity:1}.vl-tegels{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:clamp(12px,1.6vw,20px)}.vl-tegels-tekst{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.vl-tegel{width:100%;height:100%;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;padding:16px 12px;border:3px solid var(--rand);border-radius:var(--radius);background:var(--wit);cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease,opacity .18s ease}.vl-tegels-tekst .vl-tegel{min-height:0;padding:26px 18px}.vl-tegel:active{transform:scale(.97)}.vl-tegel-icoon{width:100%;max-width:118px;aspect-ratio:1;object-fit:contain}.vl-tegel-label{font-size:1.18rem;line-height:1.3;text-align:center;font-weight:500}.vl-tegel[data-tekst=true]{justify-content:center}.vl-tegel[data-tekst=true] .vl-tegel-label{font-size:1.35rem}.vl-tegel[data-actief=true]{border-color:var(--donkerblauw);box-shadow:var(--schaduw)}.vl-tegel[data-actief=true][data-kleur=lichtblauw]{border-color:var(--lichtblauw)}.vl-tegel[data-actief=true][data-kleur=rood]{border-color:var(--rood)}.vl-tegel[data-actief=true][data-kleur=oranje]{border-color:var(--oranje)}.vl-tegel[data-actief=true][data-kleur=groen]{border-color:var(--groen)}.vl-tegel[data-actief=true][data-kleur=goud]{border-color:var(--goud)}.vl-tegels li{position:relative;display:flex;flex-direction:column;gap:8px}.vl-tegel[data-actief=true] .vl-tegel-label:before{content:"✓ ";font-weight:800}.vl-tegel[data-vol=true]{opacity:.38}.vl-tekstveld{width:100%;padding:14px 16px;font:inherit;font-size:1.2rem;color:inherit;border:3px solid var(--donkerblauw);border-radius:14px;background:var(--wit)}.vl-tekstveld::placeholder{color:#004e7073}.vl-voet{flex:none;display:flex;justify-content:space-between;gap:16px;padding:14px clamp(16px,3vw,36px);padding-bottom:max(14px,env(safe-area-inset-bottom));background:var(--wit);border-top:1px solid var(--rand)}.vl-knop{min-width:160px;min-height:66px;padding:0 32px;font-size:1.3rem;font-weight:700;color:var(--wit);background:var(--donkerblauw);border:3px solid var(--donkerblauw);border-radius:999px;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.vl-knop:active{transform:scale(.97)}.vl-knop:disabled{opacity:.35;cursor:default}.vl-knop-groot{min-height:80px;font-size:1.55rem;padding:0 48px}.vl-knop-stil{color:var(--donkerblauw);background:transparent}@media(max-height:700px){.vl-tegel{min-height:150px}.vl-tegel-icoon{max-width:88px}.vl-knop{min-height:54px}}.scherm{position:relative;height:100%;overflow:hidden;background:var(--donkerblauw)}.scherm-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:scherm-adem 90s ease-in-out infinite alternate}@keyframes scherm-adem{0%{transform:scale(1.02)}to{transform:scale(1.12)}}.scherm-sluier{position:absolute;inset:0;background:linear-gradient(to bottom,#ffffff42,#fff6),linear-gradient(to bottom,#004e7038,#004e7000 26%)}.scherm-kop{position:absolute;top:clamp(18px,3vh,44px);left:clamp(20px,3vw,54px);z-index:2;display:flex;align-items:center;gap:clamp(16px,1.8vw,28px);padding:clamp(12px,1.4vh,20px) clamp(18px,2vw,32px);border-radius:var(--radius);background:#ffffffdb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 34px #004e7038}.scherm-logo{height:clamp(44px,4.6vh,74px);width:auto}.scherm-bovenkop{margin:0;font-size:clamp(.85rem,1.1vw,1.15rem);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--lichtblauw)}.scherm-titel{margin:.1em 0 0;font-size:clamp(1.4rem,2.3vw,2.6rem);font-weight:800}.scherm-vlak{position:absolute;inset:0;z-index:1}.scherm-veld{position:absolute;top:0;left:0;pointer-events:none;opacity:.62;will-change:transform;transition:transform 1.2s cubic-bezier(.22,.61,.36,1),width 1.2s cubic-bezier(.22,.61,.36,1),height 1.2s cubic-bezier(.22,.61,.36,1)}.scherm-veld span{position:absolute;top:0;left:0;width:100px;height:100px;border-radius:50%;background:color-mix(in srgb,var(--veld-kleur) 45%,white);transform-origin:center;transition:transform 1.2s cubic-bezier(.22,.61,.36,1)}.scherm-icoon{position:absolute;top:0;left:0;width:280px;height:280px;transform-origin:center;will-change:transform;transition:transform 1.2s cubic-bezier(.22,.61,.36,1),opacity .9s ease}.scherm-icoon-drijf{width:100%;height:100%;animation-name:scherm-drijf;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}@keyframes scherm-drijf{0%{transform:translateY(-7px)}to{transform:translateY(7px)}}.scherm-icoon img{animation:scherm-verschijn .9s cubic-bezier(.22,.61,.36,1)}@keyframes scherm-verschijn{0%{opacity:0;transform:scale(.35)}to{opacity:1;transform:scale(1)}}.scherm-icoon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,78,112,.32));-webkit-user-select:none;user-select:none}.scherm-icoon[data-puls=true] .scherm-icoon-drijf{animation-name:scherm-puls;animation-duration:.85s!important;animation-delay:0s!important;animation-iteration-count:3;animation-direction:normal}@keyframes scherm-puls{0%{transform:scale(1)}35%{transform:scale(1.14)}to{transform:scale(1)}}.scherm-icoon[data-puls=true] img{filter:drop-shadow(0 0 22px rgba(255,255,255,.95)) drop-shadow(0 6px 14px rgba(0,78,112,.32))}.scherm-leeg{position:absolute;left:50%;top:54%;z-index:2;transform:translate(-50%,-50%);margin:0;max-width:34rem;padding:20px 36px;border-radius:var(--radius);text-align:center;font-size:clamp(1.1rem,1.5vw,1.5rem);font-weight:500;background:#ffffffdb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 30px #004e7033}.scherm-teller{position:absolute;right:clamp(20px,3vw,54px);bottom:clamp(18px,3vh,44px);z-index:2;display:flex;align-items:center;gap:.4em;margin:0;padding:.72em 1.35em .82em;border-radius:999px;font-size:clamp(.95rem,1.2vw,1.3rem);line-height:1;background:#ffffffdb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 30px #004e7033}.scherm-teller strong{font-size:1.35em;font-weight:800;line-height:1;color:var(--lichtblauw)}.scherm-tip{position:absolute;left:50%;bottom:clamp(18px,3vh,44px);z-index:3;transform:translate(-50%);padding:12px 26px;border:0;border-radius:999px;font-size:1rem;font-weight:700;color:var(--wit);background:#004e70d9;cursor:pointer}.scherm-fout{position:absolute;left:clamp(20px,3vw,54px);bottom:clamp(18px,3vh,44px);z-index:3;margin:0;padding:10px 20px;border-radius:999px;font-size:.95rem;color:var(--wit);background:var(--rood)}@media(prefers-reduced-motion:reduce){.scherm-foto,.scherm-icoon-drijf,.scherm-icoon img{animation:none}.scherm-icoon,.scherm-veld{transition-duration:.3s}}.ex{max-width:44rem;margin:0 auto;padding:clamp(28px,6vh,64px) 24px}.ex h1{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:.6em}.ex p{font-size:1.1rem}.ex code{padding:2px 7px;border-radius:6px;background:#004e701a;font-size:.92em}.ex-lijst{list-style:none;margin:1.4em 0;padding:0;border:1px solid var(--rand);border-radius:var(--radius);overflow:hidden;background:var(--wit)}.ex-lijst li{display:flex;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--rand)}.ex-lijst li:last-child{border-bottom:0}.ex-knop{min-height:58px;padding:0 32px;font-size:1.1rem;font-weight:700;color:var(--wit);background:var(--donkerblauw);border:0;border-radius:999px;cursor:pointer}.ex-knop:disabled{opacity:.35;cursor:default}.ex-hint{margin-top:1.8em;font-size:.98rem;opacity:.8}.ex-fout{padding:14px 20px;border-radius:14px;color:var(--wit);background:var(--rood)}