@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--merk:#4f46e5;--merk-donker:#3730a3;--merk-licht:#eef2ff;--merk-2:#0ea5e9;--goed:#059669;--goed-licht:#ecfdf5;--goed-rand:#a7f3d0;--fout:#dc2626;--fout-licht:#fef2f2;--fout-rand:#fecaca;--let-op:#b45309;--let-op-licht:#fffbeb;--let-op-rand:#fde68a;--inkt:#0f172a;--tekst:#1e293b;--zacht:#64748b;--rand:#e2e8f0;--vlak:#f8fafc;--wit:#fff;--r:18px;--r-klein:12px;--schaduw:0 1px 2px #0f172a0a, 0 8px 24px -8px #0f172a1a;--schaduw-hoog:0 24px 48px -16px #4f46e540;--snel:.16s cubic-bezier(.2, .8, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--tekst);background:var(--vlak);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";font-family:Inter Variable,system-ui,-apple-system,Segoe UI,sans-serif;font-size:15px;line-height:1.55}*{box-sizing:border-box}body{background:radial-gradient(1200px 500px at 10% -10%, #4f46e512, transparent 60%), radial-gradient(900px 400px at 100% 0%, #0ea5e912, transparent 60%), var(--vlak);min-height:100vh;margin:0}h1,h2,h3{color:var(--inkt);letter-spacing:-.02em;margin:0 0 .4em;line-height:1.2}h1{font-size:1.6rem;font-weight:700}h2,h3{font-size:1.15rem;font-weight:700}p{margin:0 0 .8em}button,input,select{font:inherit;color:inherit}:focus-visible{outline-offset:2px;border-radius:8px;outline:3px solid #4f46e573}h1:focus{outline:none}.verborgen{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.zacht{color:var(--zacht)}.klein{color:var(--zacht);font-size:.85rem}.knop{border:1px solid var(--rand);background:var(--wit);cursor:pointer;transition:transform var(--snel), box-shadow var(--snel), background var(--snel);border-radius:12px;justify-content:center;align-items:center;gap:.45rem;padding:.6rem 1.1rem;font-weight:650;display:inline-flex}.knop:hover:not(:disabled){transform:translateY(-1px)}.knop:active:not(:disabled){transform:translateY(1px)}.knop:disabled{opacity:.45;cursor:not-allowed}.knop.primair{color:#fff;background:linear-gradient(135deg, var(--merk), #6366f1);border:0;box-shadow:0 6px 16px -6px #4f46e599}.knop.primair:hover:not(:disabled){box-shadow:0 10px 22px -8px #4f46e5b3}.knop.groot{border-radius:14px;padding:.85rem 1.6rem;font-size:1.02rem}.knop.breed{width:100%}.ikoonknop{width:40px;height:40px;color:var(--zacht);cursor:pointer;transition:background var(--snel);background:0 0;border:0;border-radius:12px;place-items:center;display:grid}.ikoonknop:hover{background:var(--merk-licht);color:var(--merk)}.logo{letter-spacing:-.04em;background:linear-gradient(135deg, var(--merk), var(--merk-2));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.35rem;font-weight:800}.logo span{-webkit-text-fill-color:var(--inkt);font-weight:650}.logo.groot{font-size:2.6rem}.laden{place-items:center;min-height:100vh;display:grid}.laden:after{content:"";border:3px solid var(--merk-licht);border-top-color:var(--merk);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite draai}@keyframes draai{to{transform:rotate(360deg)}}.centraal{text-align:center;max-width:34rem;margin:12vh auto;padding:0 1.25rem}.shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.zijbalk{background:var(--wit);border-right:1px solid var(--rand);flex-direction:column;gap:1rem;height:100vh;padding:1.1rem .85rem;display:flex;position:sticky;top:0}.zijbalk-kop{justify-content:space-between;align-items:center;padding:.2rem .5rem .6rem;display:flex}.nav{flex:1;grid-template-columns:minmax(0,1fr);align-content:start;gap:2px;display:grid;overflow-y:auto}.nav-sectie{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin:1rem .65rem .35rem;font-size:.7rem;font-weight:700}.nav-item{width:100%;color:var(--tekst);text-align:left;cursor:pointer;transition:background var(--snel), color var(--snel);background:0 0;border:0;border-radius:10px;align-items:center;gap:.65rem;padding:.55rem .65rem;font-size:.92rem;font-weight:550;display:flex}.nav-item svg{color:var(--zacht);flex:none}.nav-item:hover{background:var(--vlak)}.nav-item.actief{background:var(--merk-licht);color:var(--merk-donker)}.nav-item.actief svg{color:var(--merk)}.nav-tekst{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-teller{color:var(--zacht);background:var(--vlak);font-variant-numeric:tabular-nums;border-radius:999px;padding:0 .45rem;font-size:.75rem;font-weight:650}.gebruiker{background:var(--vlak);border:1px solid var(--rand);border-radius:14px;align-items:center;gap:.6rem;padding:.65rem;display:flex}.gebruiker .avatar{flex:none;width:34px;height:34px}.gebruiker-tekst{flex:1;min-width:0;line-height:1.3;display:grid}.gebruiker-tekst strong{color:var(--inkt);font-size:.9rem}.gebruiker-tekst span{color:var(--zacht);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.25rem;font-size:.75rem;display:flex;overflow:hidden}.avatar{color:#fff;background:linear-gradient(135deg, var(--merk), var(--merk-2));border-radius:50%;place-items:center;font-weight:700;display:grid}.testversie{letter-spacing:.06em;text-transform:uppercase;color:var(--let-op);background:var(--let-op-licht);border:1px solid var(--let-op-rand);border-radius:6px;padding:.05rem .4rem;font-size:.65rem;font-weight:700}.werkvlak{min-width:0;padding:2rem clamp(1.25rem,3vw,2.75rem) 3rem}@media (width<=900px){.shell{grid-template-columns:1fr}.zijbalk{border-right:0;border-bottom:1px solid var(--rand);flex-flow:wrap;align-items:center;height:auto;padding:.6rem .9rem;position:static}.zijbalk-kop{padding:0}.nav{display:none}.gebruiker{background:0 0;border:0;margin-left:auto;padding:0}.gebruiker-tekst{display:none}.werkvlak{padding-top:1.25rem}}.inlog{grid-template-columns:1fr;min-height:100vh;display:grid}@media (width>=960px){.inlog{grid-template-columns:1.1fr 1fr}}.inlog-merk{color:#fff;background:radial-gradient(600px 400px at 80% 10%,#0ea5e973,#0000 60%),linear-gradient(150deg,#312e81,#4f46e5 55%,#0ea5e9);flex-direction:column;justify-content:center;gap:1.25rem;padding:clamp(2rem,5vw,4rem);display:flex;position:relative;overflow:hidden}.inlog-merk .logo,.inlog-merk .logo span{color:#fff;-webkit-text-fill-color:#fff;background:0 0}.slogan{opacity:.9;max-width:26rem;font-size:1.2rem}.inlog-illustratie{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;max-width:460px;padding:1rem}.inlog-illustratie .figuur{background:0 0;border:0;margin:0;padding:0}.inlog-illustratie .schakeling .draad,.inlog-illustratie .schakeling .onderdeel-lijn path,.inlog-illustratie .schakeling .plaat-plus,.inlog-illustratie .schakeling .plaat-min{stroke:#ffffffd9}.inlog-illustratie .schakeling .onderdeel{fill:#ffffff26;stroke:#fff}.inlog-illustratie .schakeling .stroom{stroke:#fde68a}.inlog-illustratie .schakeling text,.inlog-illustratie .schakeling .knoop{fill:#fff}@media (width<=959px){.inlog-merk{min-height:auto}.inlog-illustratie{display:none}}.inlog-paneel{place-items:center;padding:clamp(1.5rem,5vw,4rem);display:grid}.inlog-kaart{width:100%;max-width:400px;animation:.4s cubic-bezier(.2,.8,.2,1) omhoog}.veld{gap:.35rem;margin-bottom:1rem;font-size:.9rem;font-weight:600;display:grid}.veld input{border:1.5px solid var(--rand);background:var(--wit);transition:border-color var(--snel), box-shadow var(--snel);border-radius:12px;padding:.8rem .95rem;font-size:1rem;font-weight:400}.veld input:focus{border-color:var(--merk);outline:none;box-shadow:0 0 0 4px #4f46e526}.formfout{color:var(--fout);background:var(--fout-licht);border-radius:10px;padding:.6rem .8rem;font-size:.9rem}.demo{border-top:1px dashed var(--rand);margin-top:1.75rem;padding-top:1.25rem;font-size:.9rem}.demo ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.demo-account{border:1px solid var(--rand);background:var(--wit);cursor:pointer;text-align:left;width:100%;transition:border-color var(--snel), background var(--snel);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .85rem;display:flex}.demo-account:hover{border-color:var(--merk);background:var(--merk-licht)}.demo-account span{color:var(--zacht);font-size:.85rem}.pagina{max-width:1080px;animation:.35s cubic-bezier(.2,.8,.2,1) omhoog}.paginakop{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.paginakop h1{margin:0}.bovenkop{letter-spacing:.08em;text-transform:uppercase;color:var(--zacht);margin:0 0 .25rem;font-size:.75rem;font-weight:700}.tegels{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}@media (width<=760px){.tegels{grid-template-columns:repeat(2,minmax(0,1fr))}}.tegel{background:var(--wit);border:1px solid var(--rand);border-radius:14px;gap:.35rem;padding:1rem 1.15rem;display:grid}.tegel-label{color:var(--zacht);font-size:.8rem;font-weight:550}.tegel-waarde{letter-spacing:-.02em;color:var(--inkt);font-size:1.75rem;font-weight:650;line-height:1.1}.tegel-sub{letter-spacing:0;color:var(--zacht);font-size:.85rem;font-weight:500}.dashboard{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@media (width>=1100px){.dashboard{grid-template-columns:minmax(0,1fr) 320px;align-items:start}}.kolom{gap:1rem;display:grid}.paneel{background:var(--wit);border:1px solid var(--rand);border-radius:14px;padding:1.1rem 1.25rem}.paneel-kop{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.85rem;display:flex}.paneel-kop h2{margin:0;font-size:.95rem}.paneel.verder{background:linear-gradient(180deg, #fafbff, var(--wit));border-color:#c7d2fe}.verder-rij{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.verder-rij>div{flex:1;max-width:420px}.verder-titel{color:var(--inkt);letter-spacing:-.01em;margin:0 0 .5rem;font-size:1.2rem;font-weight:700}.meter{gap:.3rem;display:grid}.meter-baan{background:var(--merk-licht);border-radius:999px;height:8px;display:block;overflow:hidden}.meter-vulling{background:var(--merk);border-radius:999px;height:100%;transition:width .7s cubic-bezier(.2,.8,.2,1);display:block}.meter-label{color:var(--zacht);font-size:.78rem}.modulelijst{margin:0;padding:0;list-style:none;display:grid}.modulelijst li+li{border-top:1px solid var(--rand)}.modulerij{text-align:left;cursor:pointer;width:100%;transition:background var(--snel);background:0 0;border:0;border-radius:10px;align-items:center;gap:1rem;padding:.85rem .25rem;display:flex}.modulerij:hover{background:var(--vlak)}.module-icoon{color:#fff;background:linear-gradient(135deg, var(--merk), #818cf8);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;display:grid}.module-icoon.vak-elektrotechniek{background:linear-gradient(135deg,#f59e0b,#f97316)}.modulerij-tekst{flex:1;gap:.4rem;min-width:0;display:grid}.modulerij-titel{color:var(--inkt);font-weight:650}.modulerij-tekst .meter{max-width:360px}.modulerij-actie{color:var(--merk);align-items:center;gap:.3rem;font-size:.9rem;font-weight:650;display:inline-flex}.aandacht{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.aandacht li{background:var(--vlak);border-radius:10px;justify-content:space-between;gap:.75rem;padding:.55rem .7rem;font-size:.88rem;display:flex}.aandacht .aantal{color:var(--zacht);font-variant-numeric:tabular-nums;font-weight:650}.leren{min-height:100vh;padding-bottom:2rem}.leren.met-blad{padding-bottom:22rem}.lesbalk{z-index:10;-webkit-backdrop-filter:saturate(180%)blur(14px);backdrop-filter:saturate(180%)blur(14px);background:#fffc;border-bottom:1px solid #e2e8f0cc;align-items:center;gap:1rem;padding:.8rem clamp(1rem,4vw,2.5rem);display:flex;position:sticky;top:0}.lesbalk-midden{flex:1;gap:.35rem;max-width:760px;margin:0 auto;display:grid}.lesbalk-titel{color:var(--zacht);font-size:.8rem;font-weight:650}.balk{background:var(--merk-licht);border-radius:999px;height:10px;overflow:hidden}.balk div{background:linear-gradient(90deg, var(--merk), var(--merk-2));border-radius:999px;min-width:10px;height:100%;transition:width .7s cubic-bezier(.2,.8,.2,1)}.reeks{color:#cbd5e1;min-width:3rem;transition:color var(--snel);justify-content:flex-end;align-items:center;gap:.25rem;font-weight:750;display:inline-flex}.reeks.aan{color:#f97316;animation:.6s puls}.lesraster{gap:1.5rem;max-width:1120px;margin:0 auto;padding:clamp(1.25rem,3vw,2.25rem) clamp(1rem,4vw,2.5rem);display:grid}@media (width>=1000px){.lesraster{grid-template-columns:minmax(0,1fr) 280px;align-items:start}}.leskaart{background:var(--wit);box-shadow:var(--schaduw);border:1px solid #e2e8f0cc;border-radius:24px;padding:clamp(1.25rem,3.5vw,2.25rem);animation:.38s cubic-bezier(.2,.8,.2,1) omhoog}.kopregel{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem;display:flex}.kopregel h1{margin:.35rem 0 0;font-size:clamp(1.35rem,2.2vw,1.7rem)}.pillen{flex-wrap:wrap;gap:.35rem;display:flex}.pil{letter-spacing:.02em;background:var(--vlak);color:var(--zacht);border:1px solid var(--rand);border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:700}.pil.code{background:var(--merk-licht);color:var(--merk-donker);border-color:#0000}.pil.context{background:var(--let-op-licht);color:var(--let-op);border-color:var(--let-op-rand)}.pil.context.herhaling{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}.pil.concept{border-style:dashed}.beheersing{gap:4px;padding-top:.4rem;display:flex}.streepje{background:var(--rand);border-radius:999px;width:16px;height:6px;transition:background .4s}.streepje.vol{background:linear-gradient(90deg, var(--merk), var(--merk-2))}.reden{color:var(--zacht);align-items:center;gap:.4rem;font-size:.92rem;display:flex}.uitlegblok+.uitlegblok{border-top:1px solid var(--rand);margin-top:1.5rem;padding-top:1.5rem}.acties{justify-content:flex-end;margin-top:1.75rem;display:flex}.markdown{font-size:1.02rem}.markdown strong{color:var(--inkt)}.markdown table{border-collapse:separate;border-spacing:0;border:1px solid var(--rand);border-radius:var(--r-klein);margin:1rem 0;font-size:.95rem;overflow:hidden}.markdown th,.markdown td{text-align:left;border-bottom:1px solid var(--rand);padding:.5rem .85rem}.markdown tr:last-child td{border-bottom:0}.markdown th{background:var(--vlak);color:var(--inkt);font-weight:650}.markdown blockquote{background:linear-gradient(135deg, var(--merk-licht), #e0f2fe);text-align:center;color:var(--merk-donker);border-radius:14px;margin:1rem 0;padding:1rem 1.25rem;font-size:1.35rem}.markdown blockquote p{margin:0}.markdown code{background:var(--vlak);border:1px solid var(--rand);border-radius:6px;padding:.05rem .35rem;font-size:.9em}.markdown ul,.markdown ol{padding-left:1.3rem}.markdown li{margin:.25rem 0}.figuur{background:linear-gradient(180deg, #fbfcff, var(--vlak));border:1px solid var(--rand);border-radius:18px;margin:1rem 0 1.25rem;padding:1rem}.figuur svg{width:100%;max-width:440px;height:auto;margin:0 auto;display:block}.figuur figcaption{text-align:center;color:var(--zacht);margin-top:.5rem;font-size:.88rem}.schakeling .draad{fill:none;stroke:#334155;stroke-width:2.5px;stroke-linejoin:round}.schakeling .stroom{fill:none;stroke:var(--merk-2);stroke-width:6px;stroke-linecap:round;stroke-dasharray:.1 22;animation:1.4s linear infinite stroom}@keyframes stroom{to{stroke-dashoffset:-22.1px}}.schakeling .knoop{fill:#334155}.schakeling .onderdeel{fill:#fff;stroke:#334155;stroke-width:2.5px}.schakeling .onderdeel-lijn path{stroke:#334155;stroke-width:2px;fill:none}.schakeling .plaat-plus{stroke:#334155;stroke-width:2.5px}.schakeling .plaat-min{stroke:#334155;stroke-width:6px}.schakeling text{fill:var(--inkt);font-size:14px;font-weight:650}.schakeling .meterletter{font-size:15px;font-weight:800}.schakeling .teken{fill:var(--zacht);font-size:13px}.ladder .trede{animation:.5s cubic-bezier(.2,.8,.2,1) both verschijn}.ladder rect{fill:var(--merk-licht);stroke:#c7d2fe}.ladder text{fill:var(--merk-donker);font-size:15px;font-weight:700}.ladder .factor{fill:var(--zacht);font-size:12px;font-weight:650}.ladder .pijl-omlaag{fill:none;stroke:#a5b4fc;stroke-width:2px;stroke-dasharray:4 4}.ladder-bal{fill:#f97316;offset-rotate:0deg;animation:4s cubic-bezier(.5,0,.5,1) infinite rol}@keyframes rol{0%,10%{offset-distance:0%;opacity:0}15%{opacity:1}85%{offset-distance:100%;opacity:1}to{offset-distance:100%;opacity:0}}.schakeling .mens-vlak{fill:#fff}.schakeling .mens circle,.schakeling .mens path{fill:none;stroke:#ea580c;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.grafiek .raster{stroke:#e2e8f0;stroke-width:1px}.grafiek .as{fill:none;stroke:#334155;stroke-width:1.5px}.grafiek .as-punt{fill:#334155}.grafiek .getal{fill:var(--zacht);font-variant-numeric:tabular-nums;font-size:12px}.grafiek .as-titel,.grafiek .lijn-label{fill:var(--inkt);font-size:13px;font-weight:650}.grafiek .lijn{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;animation:1.1s cubic-bezier(.4,0,.2,1) .15s forwards teken-lijn}.grafiek .legenda-streep{stroke-dasharray:none;animation:none}.grafiek .lijn-0{stroke:#4f46e5}.grafiek .lijn-1{stroke:#ea580c}.grafiek .lijn-2{stroke:#0891b2}.grafiek .stip{fill:#fff;stroke-width:2.5px}.grafiek .aflees{fill:none;stroke:#64748b;stroke-width:1.5px;stroke-dasharray:5 4}.grafiek .aflees-punt{fill:#4f46e5;stroke:#fff;stroke-width:2px}@keyframes teken-lijn{to{stroke-dashoffset:0}}.vorm-vlak{fill:var(--merk-licht)}.vorm-rand{fill:none;stroke:var(--merk);stroke-width:2.5px;stroke-linejoin:round}.vorm-vlak.vorm-rand{fill:var(--merk-licht)}.vorm-raster{fill:none;stroke:#c7d2fe;stroke-width:1.2px}.vorm-midden{fill:var(--merk-donker);paint-order:stroke;stroke:var(--merk-licht);stroke-width:5px;stroke-linejoin:round;font-size:16px;font-weight:750}.maat line{stroke:#64748b;stroke-width:1.4px}.maat-punt{fill:#64748b}.maat text,.maat-tekst,.zijde-label,.hoek-label{fill:var(--inkt);font-size:14px;font-weight:650}.hoogtelijn{fill:none;stroke:#64748b;stroke-width:1.5px;stroke-dasharray:5 4}.haakje,.hoekboog{fill:none;stroke:#64748b;stroke-width:1.5px}.middelpunt{fill:var(--merk)}.zijde-naam{fill:var(--zacht);font-size:12px;font-weight:550}.strook-vlak{fill:var(--merk-licht);stroke:#c7d2fe;stroke-width:1.5px}.strook-deel{fill:var(--merk);transform-box:fill-box;transform-origin:0;animation:.9s cubic-bezier(.2,.8,.2,1) both groei-strook}.strook-streep{stroke:#c7d2fe;stroke-width:1.5px}.strook-streep.op-kleur{stroke:#ffffffb3}.accolade{fill:none;stroke:#94a3b8;stroke-width:1.5px}.strook-label{fill:var(--inkt);font-size:14px;font-weight:650}@keyframes groei-strook{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.grafiek .lijn{stroke-dashoffset:0;animation:none}.strook-deel{animation:none}}.vraagtekst{color:var(--inkt);margin:1rem 0 1.25rem;font-size:1.15rem;font-weight:550}.getal-antwoord{flex-wrap:wrap;align-items:stretch;gap:.75rem;display:flex}.invoerveld{border:2px solid var(--rand);background:var(--wit);max-width:380px;transition:border-color var(--snel), box-shadow var(--snel), background var(--snel);border-radius:14px;flex:260px;align-items:center;display:flex}.tienmacht{border:1px solid var(--rand);background:var(--vlak);color:var(--zacht);font:inherit;cursor:pointer;border-radius:8px;flex:none;margin-right:.35rem;padding:.3rem .55rem;font-size:.85rem;font-weight:650}.tienmacht:hover{color:var(--merk);border-color:#c7d2fe}.tienmacht sup{font-size:.7em}.invoerveld:focus-within{border-color:var(--merk);box-shadow:0 0 0 4px #4f46e524}.invoerveld.goed{border-color:var(--goed);background:var(--goed-licht);animation:.5s puls}.invoerveld.fout{border-color:var(--fout);background:var(--fout-licht);animation:.4s schud}.invoerveld input{font-variant-numeric:tabular-nums;background:0 0;border:0;flex:1;min-width:0;padding:.85rem 1rem;font-size:1.2rem;font-weight:600}.invoerveld input:focus{outline:none}.invoerveld select{border:0;border-left:1px solid var(--rand);cursor:pointer;background:0 0;align-self:stretch;padding:0 .9rem;font-size:1.05rem;font-weight:650}.eenheid{color:var(--zacht);padding:0 1rem;font-size:1.1rem;font-weight:700}.invoerfout{color:var(--fout);flex-basis:100%;margin:0;font-size:.9rem}.keuzes{gap:.6rem;display:grid}.keuze{text-align:left;border:2px solid var(--rand);background:var(--wit);cursor:pointer;transition:border-color var(--snel), background var(--snel), transform var(--snel);border-bottom-width:4px;border-radius:16px;align-items:center;gap:.85rem;padding:.85rem 1rem;font-size:1.02rem;font-weight:550;display:flex}.keuze:hover:not(:disabled){background:#fafaff;border-color:#a5b4fc;transform:translateY(-1px)}.keuze:disabled{cursor:default}.keuze .letter{border:1.5px solid var(--rand);width:2rem;height:2rem;color:var(--zacht);border-radius:10px;flex:none;place-items:center;font-size:.85rem;font-weight:750;display:grid}.keuze.goed{border-color:var(--goed);background:var(--goed-licht);animation:.5s puls}.keuze.goed .letter{background:var(--goed);border-color:var(--goed);color:#fff}.keuze.fout{border-color:var(--fout);background:var(--fout-licht);animation:.4s schud}.keuze.fout .letter{background:var(--fout);border-color:var(--fout);color:#fff}.keuze.uit{opacity:.5}.uitleg-erbij{border-top:1px solid var(--rand);margin-top:2rem;padding-top:1rem}details summary{cursor:pointer;color:var(--merk);align-items:center;gap:.4rem;font-weight:650;list-style:none;display:inline-flex}details summary::-webkit-details-marker{display:none}details[open]>summary{margin-bottom:.5rem}.blad{z-index:20;border-top:2px solid;max-height:70vh;animation:.32s cubic-bezier(.2,.8,.2,1) blad-in;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;box-shadow:0 -16px 40px -20px #0f172a40}.blad.goed{background:var(--goed-licht);border-color:var(--goed-rand)}.blad.fout{background:var(--fout-licht);border-color:var(--fout-rand)}.blad.bijna{background:var(--let-op-licht);border-color:var(--let-op-rand)}.blad-binnen{justify-content:space-between;align-items:flex-end;gap:1.5rem;max-width:1040px;margin:0 auto;padding:1.25rem clamp(1rem,4vw,2.5rem) 1.5rem;display:flex}@media (width<=720px){.blad-binnen{flex-direction:column;align-items:stretch}}.blad-tekst{flex:1;max-width:720px}.blad-tekst p{margin:.3rem 0}.blad-kop{letter-spacing:-.01em;align-items:center;gap:.6rem;font-size:1.25rem;font-weight:800;display:flex}.blad.goed .blad-kop{color:var(--goed)}.blad.fout .blad-kop{color:var(--fout)}.blad.bijna .blad-kop{color:var(--let-op)}.blad-icoon{color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;animation:.4s cubic-bezier(.3,1.6,.5,1) pop;display:grid}.blad.goed .blad-icoon{background:var(--goed)}.blad.fout .blad-icoon{background:var(--fout)}.blad.bijna .blad-icoon{background:var(--let-op)}.blad details{margin-top:.4rem}.blad details summary{color:inherit;opacity:.85}.denkfout{background:#ffffffbf;border-radius:12px;margin:.6rem 0;padding:.75rem .95rem}.denkfout .markdown{font-size:.95rem}.denkfout .markdown p{margin:.2rem 0 0}.blad-knop{color:#fff;border:0;flex:none;min-width:180px}.blad.goed .blad-knop{background:var(--goed);box-shadow:0 6px 16px -6px #05966999}.blad.fout .blad-knop{background:var(--fout);box-shadow:0 6px 16px -6px #dc26268c}.blad.bijna .blad-knop{background:var(--let-op)}.gebeurtenissen{gap:.4rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.gebeurtenissen li{color:var(--inkt);background:#fffc;border-radius:12px;align-items:center;gap:.45rem;padding:.55rem .85rem;font-size:.95rem;font-weight:550;display:flex}.gebeurtenissen li.beheerst{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a)}.viering{pointer-events:none;position:fixed;bottom:40vh;left:50%}.viering span{background:hsl(calc(var(--i) * 26) 90% 60%);--hoek:calc(var(--i) * 25.7deg);border-radius:3px;width:10px;height:14px;animation:1.1s cubic-bezier(.2,.7,.4,1) forwards confetti;position:absolute}@keyframes confetti{0%{transform:rotate(var(--hoek)) translateY(0) rotate(0);opacity:1}to{transform:rotate(var(--hoek)) translateY(-180px) rotate(320deg);opacity:0}}.leerlijn{background:var(--wit);box-shadow:var(--schaduw);border:1px solid #e2e8f0cc;border-radius:22px;padding:1.25rem 1.25rem 1rem}.leerlijn h2{margin-bottom:.9rem;font-size:.95rem}.leerlijn ol{margin:0;padding:0;list-style:none}.stap{gap:.75rem;padding:0 0 .85rem;font-size:.88rem;display:flex;position:relative}.stap:not(:last-child):before{content:"";background:var(--rand);width:2px;position:absolute;top:22px;bottom:2px;left:9px}.stap.beheerst:not(:last-child):before{background:var(--goed-rand)}.stip{z-index:1;border:2px solid var(--rand);background:var(--wit);width:20px;height:20px;color:var(--zacht);border-radius:50%;flex:none;place-items:center;margin-top:1px;font-size:.65rem;font-weight:700;display:grid;position:relative}.stap.bezig .stip,.stap.actief .stip,.stap.beheerst .stip{color:#fff}.binnenkort{border-top:1px dashed var(--rand);margin-top:.25rem;padding-top:.75rem;font-size:.82rem}.binnenkort summary{color:var(--zacht);font-weight:600}.binnenkort ul{color:#94a3b8;margin:.4rem 0 0;padding-left:1.1rem}.stap.beheerst .stip{background:var(--goed);border-color:var(--goed)}.stap.bezig .stip{border-color:var(--merk);background:var(--merk)}.stap.actief .stip{border-color:var(--merk);background:var(--merk);box-shadow:0 0 0 4px #4f46e52e}.stap.actief .stap-tekst{color:var(--inkt);font-weight:650}.stap.volgt{color:#94a3b8}.stap-code{color:var(--zacht);font-variant-numeric:tabular-nums;font-weight:650}.stap-extra{color:#94a3b8;font-size:.8rem}.klaar{text-align:center;padding:2rem 0}.klaar-icoon{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:50%;place-items:center;width:84px;height:84px;margin-bottom:1rem;animation:.6s cubic-bezier(.3,1.6,.5,1) pop;display:inline-grid;box-shadow:0 12px 30px -10px #f9731699}@keyframes omhoog{0%{opacity:0;transform:translateY(10px)}}@keyframes verschijn{0%{opacity:0;transform:translateY(-6px)}}@keyframes blad-in{0%{transform:translateY(100%)}}@keyframes pop{0%{transform:scale(.4)}to{transform:scale(1)}}@keyframes puls{50%{transform:scale(1.03)}}@keyframes schud{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.pagina.breed{max-width:1400px}.klascode{letter-spacing:.05em;text-transform:none;color:var(--inkt);background:var(--wit);border:1px solid var(--rand);border-radius:6px;padding:.05rem .4rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8rem}.segment{background:#eef0f5;border-radius:12px;gap:2px;padding:3px;display:inline-flex}.segment button{color:var(--zacht);cursor:pointer;transition:background var(--snel), color var(--snel);background:0 0;border:0;border-radius:9px;padding:.45rem .9rem;font-size:.88rem;font-weight:600}.segment button.actief{background:var(--wit);color:var(--inkt);box-shadow:0 1px 3px #0f172a1f}.pagina.breed .dashboard{grid-template-columns:minmax(0,1fr)}@media (width>=1250px){.pagina.breed .dashboard{grid-template-columns:minmax(0,1fr) 340px}}.heatmap-scroll{margin:0 -.25rem;overflow-x:auto}.heatmap{border-collapse:separate;border-spacing:2px;font-size:.85rem}.heatmap th{color:var(--zacht);text-align:center;padding:0 0 .35rem;font-weight:600}.heatmap thead th:first-child,.heatmap tbody th{text-align:left;padding-right:.75rem}.heatmap td{text-align:center;padding:0}.heatmap td:last-child{text-align:left;padding-left:.6rem}.kolomkop{font-variant-numeric:tabular-nums;font-size:.75rem}.heatmap tbody tr{cursor:pointer}.heatmap tbody tr:hover th .rij-naam,.heatmap tbody tr.gekozen th .rij-naam{color:var(--merk)}.rijknop{text-align:left;cursor:pointer;background:0 0;border:0;min-width:8.5rem;padding:.2rem 0;display:grid}.rij-naam{color:var(--inkt);font-weight:600}.rij-sub{color:var(--zacht);font-size:.72rem;font-weight:450}.cel{vertical-align:middle;color:#fff;border-radius:6px;place-items:center;width:30px;height:30px;display:inline-grid}.cel.n0{background:var(--wit);border:1.5px dashed #cbd5e1}.cel.n1{background:#86b6ef}.cel.n2{background:#5598e7}.cel.n3{background:#2a78d6}.cel.n4{background:#1c5cab}.cel.n5{background:#104281}.legenda-rij{color:var(--zacht);flex-wrap:wrap;gap:1.25rem;margin-top:1rem;font-size:.8rem;display:flex}.legenda-rij>span{align-items:center;gap:3px;display:inline-flex}.legenda-rij .cel{border-radius:4px;width:16px;height:16px}.legenda-rij>span>.cel:last-of-type{margin-right:.35rem}.signaal{white-space:nowrap;border-radius:999px;align-items:center;padding:.15rem .55rem;font-size:.75rem;font-weight:650;display:inline-flex}.signaal:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:.4rem}.signaal.vast{color:#b45309;background:var(--let-op-licht);border:1px solid var(--let-op-rand)}.signaal.inactief,.signaal.niet-gestart{color:var(--zacht);background:var(--vlak);border:1px solid var(--rand)}.signaal.blok{white-space:normal;border-radius:10px;padding:.5rem .75rem;display:flex}.staven{gap:.85rem;margin:0;padding:0;list-style:none;display:grid}.staven li{grid-template-columns:1fr auto;gap:.3rem .75rem;display:grid}.staaf-label{color:var(--inkt);font-size:.85rem;font-weight:550}.staaf-waarde{color:var(--zacht);white-space:nowrap;font-size:.78rem}.staaf-baan{background:#e5eefb;border-radius:999px;grid-column:1/-1;height:8px}.staaf{background:#2a78d6;border-radius:999px;height:100%;display:block}.toelichting{border-top:1px solid var(--rand);margin:1rem 0 0;padding-top:.75rem}.detail{animation:.25s cubic-bezier(.2,.8,.2,1) omhoog}.detailkop{text-transform:uppercase;letter-spacing:.06em;color:var(--zacht);margin:1.1rem 0 .6rem;font-size:.8rem}.detail-lijst{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.klein-knop{width:30px;height:30px}.klein-laden{min-height:40vh}.breed-segment{width:100%;margin-bottom:1rem;display:flex}.breed-segment button{flex:1}.code-invoer{letter-spacing:.15em;text-transform:uppercase;font-family:ui-monospace,SF Mono,Menlo,monospace}.kop-acties{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.detail-knop{margin-top:1.25rem}.venster{border:0;border-radius:20px;width:min(760px,100vw - 2rem);max-height:calc(100vh - 3rem);padding:1.5rem;box-shadow:0 30px 80px -20px #0f172a66}.venster::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a73}.venster-kop{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.venster-kop h2{margin:0;font-size:1.2rem}.venster textarea{font:inherit;border:1.5px solid var(--rand);resize:vertical;border-radius:12px;padding:.75rem .9rem}.venster textarea:focus{border-color:var(--merk);outline:none;box-shadow:0 0 0 4px #4f46e526}.venster-acties{justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;display:flex}.melding-goed{background:var(--goed-licht);color:#065f46;border-radius:12px;padding:.7rem .9rem;font-size:.9rem}.kaartjes{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;max-height:46vh;padding:2px;display:grid;overflow:auto}.kaartje{break-inside:avoid;background:var(--wit);border:1.5px dashed #94a3b8;border-radius:12px;padding:.9rem 1rem}.kaartje-kop{justify-content:space-between;align-items:baseline;display:flex}.kaartje .logo{font-size:1rem}.kaartje-naam{color:var(--inkt);margin:.4rem 0 .5rem;font-weight:700}.kaartje dl{grid-template-columns:auto 1fr;gap:.15rem .75rem;margin:0;font-size:.85rem;display:grid}.kaartje dt{color:var(--zacht)}.kaartje dd{margin:0;font-family:ui-monospace,SF Mono,Menlo,monospace;font-weight:650}.kaartje-adres{color:var(--zacht);word-break:break-all;margin:.6rem 0 0;font-size:.7rem}@media print{body *{visibility:hidden}.printvel,.printvel *{visibility:visible}.printvel{grid-template-columns:repeat(3,1fr);max-height:none;padding:1cm;position:fixed;inset:0;overflow:visible}.kaartje .logo{-webkit-text-fill-color:#312e81;color:#312e81}}.sim{--sim-bg:#0b1020;--sim-glas:#0f172ab8;--sim-rand:#94a3b824;--sim-tekst:#e2e8f0;--sim-zacht:#94a3b8;--sim-accent:#818cf8;background:var(--sim-bg);color:var(--sim-tekst);border-radius:24px;outline:none;grid-template-columns:minmax(0,1fr) 320px;gap:0;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #0f172a99,inset 0 0 0 1px #ffffff0f}.sim.compact{grid-template-columns:minmax(0,1fr)}@media (width<=1100px){.sim{grid-template-columns:minmax(0,1fr)}}.sim.volscherm{border-radius:0;height:100vh}.sim-doek{background:radial-gradient(900px 500px at 20% 0%, #6366f12e, transparent 60%), radial-gradient(700px 400px at 100% 100%, #0ea5e91f, transparent 60%), var(--sim-bg);position:relative}.sim-svg{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.sim.volscherm .sim-svg{height:100vh}.sim-punt-ring{fill:#0000;stroke:#0000;stroke-width:2px;transition:stroke .15s,fill .15s}.sim-punt-vang{fill:#0000;cursor:crosshair}.sim-punt:hover .sim-punt-ring{stroke:var(--sim-accent);fill:#818cf838}.sim.draad-trekken .sim-punt-ring{stroke:#94a3b859}.sim.draad-trekken .sim-punt:hover .sim-punt-ring{stroke:var(--sim-accent);fill:#818cf84d}.sim-avatar{pointer-events:none;opacity:.95;filter:drop-shadow(0 14px 18px #0000008c)}.sim-plan-doel{fill:#818cf81f;stroke:var(--sim-accent);stroke-width:2px;stroke-dasharray:6 5;pointer-events:none;animation:.8s linear infinite sim-mars}.sim-plan-label{z-index:5;background:var(--sim-accent);color:#0b1020;white-space:nowrap;pointer-events:none;border-radius:999px;padding:.35rem .75rem;font-size:.78rem;font-weight:750;animation:.16s ease-out sim-menu-in;position:absolute;transform:translate(-50%,38px);box-shadow:0 10px 24px -10px #818cf8cc}.sim-draad-voorbeeld{stroke:var(--sim-accent);stroke-width:6px;stroke-linecap:round;stroke-dasharray:1 12;animation:.6s linear infinite sim-mars}@keyframes sim-mars{to{stroke-dashoffset:-13px}}.sim-voorbeeld{opacity:.55;pointer-events:none;animation:1s ease-in-out infinite alternate sim-adem}@keyframes sim-adem{0%{opacity:.35}to{opacity:.7}}.sim-onderdeel{cursor:grab}.sim-onderdeel.soort-schakelaar{cursor:pointer}.sim.vergrendeld .sim-onderdeel,.sim.vergrendeld .sim-punt-vang{cursor:default}.sim-onderdeel.zwevend{opacity:.25}.sim-onderdeel.nieuw>g{animation:.42s cubic-bezier(.34,1.56,.64,1) sim-plop}@keyframes sim-plop{0%{opacity:0;transform:scale(.5)}}.sim-selectie{fill:#0000;stroke:#0000;stroke-width:2px;transition:fill .15s,stroke .15s}.sim-onderdeel:hover .sim-selectie{fill:#ffffff0a}.sim-onderdeel.gekozen .sim-selectie{fill:#818cf81f;stroke:var(--sim-accent);filter:drop-shadow(0 0 6px #818cf8b3)}.sim-kabel{stroke-width:5px;stroke-linecap:round;transition:stroke .4s}.sim-kabel-gloed{stroke-width:12px;stroke-linecap:round;opacity:.12;transition:stroke .4s}.sim-lead{stroke-width:4px;stroke-linecap:round;transition:stroke .4s}.sim-knooppunt{stroke:var(--sim-bg);stroke-width:2px;pointer-events:none;transition:fill .4s}.sim-schema{stroke:var(--sim-tekst);stroke-width:3px;fill:none;stroke-linecap:round}.sim-schema-vlak{fill:var(--sim-bg);stroke:var(--sim-tekst);stroke-width:3px}.sim-schema-stip{fill:var(--sim-tekst)}.sim-schema-letter{fill:var(--sim-tekst);font-size:17px;font-weight:800}.sim-hendel{transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.sim-licht{pointer-events:none;transition:r .4s,opacity .4s;animation:3s ease-in-out infinite sim-flikker}@keyframes sim-flikker{50%{opacity:.85}}.sim-stroom{stroke:#e0f2fe;stroke-width:5px;stroke-linecap:round;stroke-dasharray:.1 18;filter:drop-shadow(0 0 3px #7dd3fcf2);pointer-events:none;animation:linear infinite sim-stroom}.sim-stroomlaag.elektronen .sim-stroom{stroke:#fde68a;stroke-width:4px;filter:drop-shadow(0 0 3px #fde047e6)}.sim-stroomlaag.kort .sim-stroom{stroke:#fecaca;filter:drop-shadow(0 0 4px #ef4444)}@keyframes sim-stroom{to{stroke-dashoffset:-18.1px}}.sim.probleem .sim-kabel{animation:.8s ease-in-out infinite alternate sim-alarm}@keyframes sim-alarm{to{stroke:#ef4444}}.sim-meter-kast{filter:drop-shadow(0 6px 10px #00000080)}.sim-meter.amperemeter .sim-meter-kast{fill:#f59e0b}.sim-meter.voltmeter .sim-meter-kast{fill:#0ea5e9}.sim-meter.kapot .sim-meter-kast{fill:#ef4444;animation:.5s ease-in-out infinite alternate sim-alarm-kast}@keyframes sim-alarm-kast{to{fill:#7f1d1d}}.sim-meter-lcd{fill:#0b2e1f;stroke:#00000059}.sim-lcd{fill:#6ee7b7;dominant-baseline:middle;filter:drop-shadow(0 0 2px #6ee7b799);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13.5px;font-weight:700}.sim-lcd-klein{fill:#6ee7b7;dominant-baseline:middle;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:9px;font-weight:700}.sim-meter-soort{letter-spacing:.12em;fill:#0f172ab3;font-size:7.5px;font-weight:800}.sim-label rect{fill:#0f172ad9;stroke:#94a3b840}.sim-label text{fill:var(--sim-tekst);font-variant-numeric:tabular-nums;font-size:12.5px;font-weight:650}.sim-boven{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex;position:absolute;top:14px;left:14px;right:14px}.sim-boven>*{pointer-events:auto}.sim-status,.sim-knoppen,.sim-dock,.sim-legenda,.sim-menu,.sim-tooltip,.sim-leeg-kaart{background:var(--sim-glas);border:1px solid var(--sim-rand);-webkit-backdrop-filter:blur(16px)saturate(160%)}.sim-status{font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:.55rem;padding:.45rem .85rem;font-size:.82rem;font-weight:600;display:inline-flex}.sim-stip{background:#64748b;border-radius:50%;width:8px;height:8px}.sim-stip.aan{background:#34d399;animation:1.6s ease-in-out infinite sim-puls;box-shadow:0 0 0 4px #34d39933}.sim-stip.fout{background:#f87171;box-shadow:0 0 0 4px #f8717140}@keyframes sim-puls{50%{box-shadow:0 0 0 7px #34d3990d}}.sim-knoppen{border-radius:14px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.2rem;padding:.25rem;display:inline-flex}.sim-schakel{color:var(--sim-zacht);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:.45rem;padding:.35rem .6rem;font-size:.8rem;font-weight:600;display:inline-flex}.sim-schakel:hover{color:var(--sim-tekst);background:#ffffff0f}.sim-schakel-baan{background:#94a3b84d;border-radius:999px;width:26px;height:15px;transition:background .18s;position:relative}.sim-schakel-baan span{background:#fff;border-radius:50%;width:11px;height:11px;transition:transform .22s cubic-bezier(.34,1.56,.64,1);position:absolute;top:2px;left:2px}.sim-schakel.aan{color:var(--sim-tekst)}.sim-schakel.aan .sim-schakel-baan{background:var(--sim-accent)}.sim-schakel.aan .sim-schakel-baan span{transform:translate(11px)}.sim-scheiding{background:var(--sim-rand);width:1px;height:20px;margin:0 .25rem}.sim-icoonknop{width:34px;height:34px;color:var(--sim-zacht);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid}.sim-icoonknop:hover:not(:disabled){color:#fff;background:#ffffff14}.sim-icoonknop:disabled{opacity:.35;cursor:not-allowed}.sim-legenda{color:var(--sim-zacht);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:.5rem;padding:.3rem .7rem;font-size:.72rem;display:flex;position:absolute;top:62px;left:14px}.sim-legenda-balk{background:linear-gradient(90deg,#3b82f6,#22d3ee 35%,#facc15 70%,#f97316);border-radius:999px;width:80px;height:6px}.sim-toast{color:#fff;background:#dc2626e6;border-radius:999px;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.88rem;font-weight:700;animation:.3s cubic-bezier(.34,1.56,.64,1) sim-toast-in;display:inline-flex;position:absolute;top:64px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px -10px #dc2626cc}@keyframes sim-toast-in{0%{opacity:0;transform:translate(-50%,-12px)}}.sim-leeg{pointer-events:none;place-items:center;padding-bottom:70px;display:grid;position:absolute;inset:0}.sim-leeg-kaart{text-align:center;max-width:340px;color:var(--sim-zacht);border-radius:18px;gap:.3rem;padding:1.1rem 1.3rem;font-size:.9rem;animation:.4s ease-out verschijn;display:grid}.sim-leeg-kaart strong{color:#fff;font-size:1.05rem}.sim-dock{border-radius:20px;gap:.3rem;max-width:calc(100% - 28px);padding:.4rem;display:flex;position:absolute;bottom:14px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 20px 40px -18px #000000b3}.sim-dock-item{cursor:grab;touch-action:none;background:0 0;border:0;border-radius:14px;flex:none;place-items:center;width:62px;height:52px;transition:transform .2s cubic-bezier(.34,1.56,.64,1),background .15s;display:grid;position:relative}.sim-dock-item svg{pointer-events:none;width:56px;height:40px}.sim-dock-item:hover:not(:disabled){background:#ffffff12;transform:translateY(-6px)scale(1.12)}.sim-dock-item:active:not(:disabled){cursor:grabbing;transform:scale(.96)}.sim-dock-item:disabled{opacity:.3;cursor:not-allowed}.sim-dock-naam{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#020617;border-radius:8px;padding:.25rem .55rem;font-size:.72rem;font-weight:650;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(4px)}.sim-dock-item:hover .sim-dock-naam,.sim-dock-item:focus-visible .sim-dock-naam{opacity:1;transform:translate(-50%)translateY(0)}.sim-dock-teller{background:var(--sim-accent);color:#0b1020;border-radius:999px;min-width:18px;height:18px;padding:0 .3rem;font-size:.68rem;font-weight:800;line-height:18px;position:absolute;top:2px;right:4px}.sim-tooltip{z-index:3;pointer-events:none;white-space:nowrap;border-radius:12px;gap:.1rem;padding:.45rem .7rem;font-size:.78rem;animation:.15s ease-out verschijn;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 40px))}.sim-tooltip span{color:var(--sim-zacht);font-variant-numeric:tabular-nums}.sim-menu{z-index:4;white-space:nowrap;border-radius:14px;align-items:center;gap:.2rem;padding:.3rem;animation:.2s cubic-bezier(.34,1.56,.64,1) sim-menu-in;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 42px));box-shadow:0 16px 30px -12px #000000b3}.sim-menu.onder{transform:translate(-50%,42px)}@keyframes sim-menu-in{0%{opacity:0;scale:.9}}.sim-menu button{height:32px;color:var(--sim-tekst);cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:.35rem;padding:0 .6rem;font-size:.8rem;font-weight:600;display:inline-flex}.sim-menu button:hover{background:#ffffff1a}.sim-menu button.gevaar:hover{background:#dc2626}.sim-stapper{background:#ffffff0f;border-radius:10px;align-items:center;display:inline-flex}.sim-stapper strong{text-align:center;font-variant-numeric:tabular-nums;min-width:4rem;font-size:.85rem}.sim-stapper button{justify-content:center;width:32px;font-size:1rem}.sim-paneel{border-left:1px solid var(--sim-rand);background:#0f172a;flex-direction:column;gap:.75rem;min-height:100%;padding:1.1rem;display:flex}@media (width<=1100px){.sim-paneel{border-left:0;border-top:1px solid var(--sim-rand)}}.sim-paneel-kop,.sim-kaart-kop h3{letter-spacing:.1em;text-transform:uppercase;color:var(--sim-zacht);margin:0;font-size:.78rem;font-weight:700}.sim-inzichten{gap:.6rem;display:grid}.sim-inzicht{border:1px solid var(--sim-rand);background:#ffffff0a;border-radius:14px;padding:.75rem .85rem;animation:.25s ease-out verschijn}.sim-inzicht strong{color:#fff;margin-bottom:.2rem;font-size:.92rem;display:block}.sim-inzicht p{color:#cbd5e1;margin:0;font-size:.85rem;line-height:1.5}.sim-inzicht.regel{background:#818cf814;border-color:#818cf859}.sim-inzicht.let-op{background:#f871711a;border-color:#f8717173}.sim-inzicht.probeer{border-style:dashed}.sim-inzicht.probeer strong{color:#fcd34d}.sim-formule{background:#020617;border-radius:10px;padding:.45rem .6rem;font-family:ui-monospace,SF Mono,Menlo,monospace;color:#a5b4fc!important;margin-top:.5rem!important;font-size:.82rem!important}.sim-kaart{gap:.6rem;animation:.2s ease-out verschijn;display:grid}.sim-kaart-kop{justify-content:space-between;align-items:center;display:flex}.sim-waarden{grid-template-columns:1fr 1fr;gap:.5rem;margin:0;display:grid}.sim-waarden div{border:1px solid var(--sim-rand);background:#ffffff0a;border-radius:12px;padding:.6rem .7rem}.sim-waarden dt{color:var(--sim-zacht);font-size:.7rem}.sim-waarden dd{color:#fff;font-variant-numeric:tabular-nums;margin:.1rem 0 0;font-size:1.1rem;font-weight:650}.sim-uitleg{color:#cbd5e1;margin:0;font-size:.85rem}.sim-controleer{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#0ea5e9);border:0;border-radius:14px;margin-top:auto;padding:.8rem 1rem;font-size:.95rem;font-weight:700;transition:transform .15s;box-shadow:0 10px 24px -10px #6366f1cc}.sim-controleer:hover:not(:disabled){transform:translateY(-1px)}.sim-controleer:disabled{opacity:.4;cursor:not-allowed}.sim-voorbeelden{letter-spacing:.08em;text-transform:uppercase;color:var(--sim-zacht);gap:.4rem;margin-top:auto;font-size:.72rem;font-weight:700;display:grid}.sim-voorbeelden div{flex-wrap:wrap;gap:.35rem;display:flex}.sim-voorbeelden button{border:1px solid var(--sim-rand);color:var(--sim-tekst);letter-spacing:0;text-transform:none;cursor:pointer;background:0 0;border-radius:999px;padding:.35rem .7rem;font-size:.78rem;font-weight:600}.sim-voorbeelden button:hover{border-color:var(--sim-accent);background:#818cf81f}.probeer{margin-top:1.25rem}.probeer-kop{color:var(--merk-donker);margin-bottom:.5rem;font-weight:700}@media (width<=700px){.werkbank{grid-template-columns:1fr}.werkbank-palet{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}.tekstknop{color:var(--merk);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.25rem .4rem;font-weight:600}.tekstknop:hover{background:var(--merk-licht)}.tekstknop:disabled{opacity:.5;cursor:default}.nk-stip{color:#fff;background:#e2e8f0;border-radius:50%;flex:none;place-items:center;width:14px;height:14px;display:inline-grid}.nk-stip.probleem{background:var(--fout)}.nk-stip.let-op{background:#f59e0b}.nk-stip.info{background:#93c5fd}.nk-stip.klaar{background:var(--goed)}.nk-tegels{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.nk-tegel{border:1px solid var(--rand);background:var(--wit);border-radius:14px;flex-direction:column;gap:.15rem;padding:1rem 1.1rem;display:flex}.nk-tegel strong{color:var(--inkt);font-variant-numeric:tabular-nums;font-size:1.7rem;line-height:1.1}.nk-tegel span{color:var(--zacht);font-size:.9rem}.nk-tegel.accent{background:var(--merk-licht);border-color:#c7d2fe}.nk-tegel.accent strong{color:var(--merk-donker)}.nk-label,.nk-oordeel{white-space:nowrap;color:#475569;background:#f1f5f9;border-radius:999px;flex:none;padding:.15rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.nk-label.probleem,.nk-oordeel.afgekeurd{background:var(--fout-licht);color:var(--fout)}.nk-label.let-op,.nk-oordeel.aanpassen{background:var(--let-op-licht);color:var(--let-op)}.nk-label.info{color:#1d4ed8;background:#eff6ff}.nk-label.ok,.nk-oordeel.goed{background:var(--goed-licht);color:var(--goed)}.nk-lijst{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.nk-lijst button{width:100%;font:inherit;text-align:left;color:inherit;cursor:pointer;transition:background var(--snel), border-color var(--snel);background:0 0;border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:.75rem;padding:.65rem .75rem;display:flex}.nk-lijst button:hover{background:var(--vlak);border-color:var(--rand)}.nk-lijst-tekst{gap:.15rem;min-width:0;display:grid}.nk-lijst-tekst span{color:var(--zacht);font-size:.9rem}.nk-uitleg{gap:.6rem;margin:0 0 .75rem;padding:0;font-size:.93rem;list-style:none;display:grid}.nk-gewijzigd{color:#92400e;background:#fef3c7;border-radius:6px;margin-left:.5rem;padding:.1rem .45rem;font-size:.75rem;font-weight:650}.nk-items{gap:1rem;max-width:860px;display:grid}.nk-kaart{border:1px solid var(--rand);border-left:4px solid var(--rand);background:var(--wit);border-radius:16px;padding:1.1rem 1.25rem 1rem;scroll-margin-top:1rem}.nk-kaart.probleem{border-left-color:var(--fout)}.nk-kaart.let-op{border-left-color:#f59e0b}.nk-kaart.info{border-left-color:#93c5fd}.nk-kaart-kop{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.nk-kaart-kop h2{margin:0;font-size:1.05rem}.nk-kaart-kop p{margin:.2rem 0 0}.nk-signalen{gap:.35rem;margin:.75rem 0 0;padding:0;font-size:.92rem;list-style:none;display:grid}.nk-signalen li{background:#f8fafc;border-radius:10px;padding:.45rem .7rem}.nk-signalen li.probleem{background:var(--fout-licht);color:#991b1b}.nk-signalen li.let-op{background:var(--let-op-licht);color:#92400e}.nk-signalen li.info{color:#1e3a8a;background:#eff6ff}.nk-voorbeeld{background:var(--vlak);border:1px solid var(--rand);border-radius:12px;margin-top:.9rem;padding:.9rem 1rem}.nk-voorbeeld .vraagtekst{margin:.25rem 0 .75rem;font-size:1.02rem}.nk-voorbeeld-balk{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.nk-voorbeeld-acties{gap:.25rem;display:flex}.nk-uitlegblok+.nk-uitlegblok{border-top:1px dashed var(--rand);margin-top:1rem;padding-top:1rem}.nk-alleen{background:var(--merk-licht);color:var(--merk-donker);border-radius:6px;margin:0 0 .5rem;padding:.15rem .5rem;font-size:.8rem;font-weight:650;display:inline-block}.nk-sleutel{border-top:1px solid var(--rand);padding-top:.6rem;font-size:.94rem}.nk-sleutel p{margin:.3rem 0}.nk-sleutel ul{margin:.25rem 0 .5rem;padding-left:1.2rem}.nk-opties{gap:.4rem;list-style:none;display:grid;padding:0!important}.nk-opties li{background:var(--wit);border:1px solid var(--rand);border-radius:10px;padding:.5rem .7rem}.nk-opties li.goed{border-color:var(--goed-rand);background:var(--goed-licht)}.nk-feedback{color:var(--zacht);margin-top:.2rem;font-size:.9rem;display:block}.nk-uitwerking{background:var(--wit);border:1px solid var(--rand);border-radius:10px;margin-top:.6rem;padding:.6rem .75rem}.nk-poging{border-radius:10px;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.75rem;padding:.6rem .8rem;display:flex}.nk-poging.goed{background:var(--goed-licht);color:#065f46}.nk-poging.fout{background:var(--fout-licht);color:#991b1b}.nk-stat{color:var(--tekst);margin-top:.75rem;font-size:.92rem}.nk-stat ul{color:var(--zacht);margin:.3rem 0 0;padding-left:1.2rem}.nk-oordeel-blok{border-top:1px solid var(--rand);margin-top:.9rem;padding-top:.8rem}.nk-oordeel-blok>p{margin:0 0 .5rem}.nk-knoppen{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.nk-keuze{border:1.5px solid var(--rand);background:var(--wit);font:inherit;cursor:pointer;transition:background var(--snel), border-color var(--snel), color var(--snel);border-radius:10px;padding:.5rem 1rem;font-weight:650}.nk-keuze.goed:hover,.nk-keuze.goed.actief{border-color:var(--goed);color:var(--goed)}.nk-keuze.goed.actief{background:var(--goed-licht)}.nk-keuze.aanpassen:hover,.nk-keuze.aanpassen.actief{color:var(--let-op);border-color:#f59e0b}.nk-keuze.aanpassen.actief{background:var(--let-op-licht)}.nk-keuze.afgekeurd:hover,.nk-keuze.afgekeurd.actief{border-color:var(--fout);color:var(--fout)}.nk-keuze.afgekeurd.actief{background:var(--fout-licht)}.nk-keuze:disabled{opacity:.6;cursor:default}.nk-opmerking{gap:.4rem;margin-top:.75rem;display:grid}.nk-opmerking label{font-size:.92rem;font-weight:650}.nk-opmerking textarea{border:1.5px solid var(--rand);width:100%;font:inherit;resize:vertical;border-radius:10px;padding:.6rem .75rem}.nk-opmerking textarea:focus{border-color:var(--merk);box-shadow:0 0 0 3px var(--merk-licht);outline:none}.nk-opmerking .knop{justify-self:start}.mascotte{align-items:flex-end;gap:.5rem;display:flex}.vonk{transform-origin:50% 100%;flex:none;animation:3.2s ease-in-out infinite vonk-zweef;overflow:visible}.vonk.juich{animation:.9s cubic-bezier(.3,.7,.4,1) 2 vonk-spring}.vonk-vonkje{transform-origin:60px 36px;animation:2.4s ease-in-out infinite vonk-wiebel}.vonk-ogen{transform-origin:60px 68px;animation:4.5s infinite vonk-knipper}.vonk.aanmoedig .vonk-arm.rechts{transform-origin:93px 72px;animation:.9s ease-in-out 3 vonk-zwaai}.mascotte-wolk{border:1.5px solid var(--rand);background:var(--wit);max-width:260px;box-shadow:var(--schaduw);color:var(--inkt);border-radius:14px;margin:0 0 2.4rem;padding:.6rem .85rem;font-weight:650;line-height:1.35;animation:.3s cubic-bezier(.2,.8,.2,1) both verschijn;position:relative}.mascotte-wolk:before{content:"";border-left:1.5px solid var(--rand);border-bottom:1.5px solid var(--rand);background:var(--wit);width:13px;height:13px;position:absolute;bottom:14px;left:-8px;transform:rotate(45deg)}@keyframes vonk-zweef{50%{transform:translateY(-4px)}}@keyframes vonk-spring{0%,to{transform:translateY(0)scale(1)}30%{transform:translateY(-18px)scale(.96,1.04)}60%{transform:translateY(0)scale(1.05,.95)}}@keyframes vonk-wiebel{0%,to{transform:rotate(-6deg)}50%{transform:rotate(8deg)}}@keyframes vonk-knipper{0%,92%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes vonk-zwaai{0%,to{transform:rotate(0)}50%{transform:rotate(16deg)}}@media (prefers-reduced-motion:reduce){.vonk,.vonk *{animation:none!important}}.motivatie{border-radius:var(--r);border:1px solid var(--rand);background:linear-gradient(120deg,#fff7ed,#eef2ff 55%,#fff);flex-wrap:wrap;align-items:center;gap:1rem 2rem;margin-bottom:1rem;padding:1rem 1.25rem;display:flex}.dagreeks,.dagdoel{align-items:center;gap:.75rem;display:flex}.dagreeks-vlam{color:#94a3b8;background:#f1f5f9;border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.dagreeks.aan .dagreeks-vlam{color:#fff;background:linear-gradient(#fdba74,#f97316);box-shadow:0 6px 18px -6px #f9731699}.dagreeks.nieuw .dagreeks-vlam{animation:.9s cubic-bezier(.3,.7,.4,1.3) both vlam-groei}.dagreeks-label,.dagdoel-label{gap:.05rem;display:grid}.dagreeks-label strong,.dagdoel-label strong{color:var(--inkt);font-size:1.05rem}.dagreeks-label span,.dagdoel-label span{color:var(--zacht);font-size:.85rem}.dagdoel-baan{fill:none;stroke:#e2e8f0;stroke-width:7px}.dagdoel-vulling{fill:none;stroke:var(--merk);stroke-width:7px;stroke-linecap:round;transition:stroke-dashoffset .9s cubic-bezier(.2,.8,.2,1)}.dagdoel.gehaald .dagdoel-vulling{stroke:var(--goed)}.dagdoel-tekst{fill:var(--inkt);font-size:14px;font-weight:750}.weekpunten{text-align:right;margin-left:auto;display:grid}.weekpunten strong{color:var(--merk-donker);font-variant-numeric:tabular-nums;font-size:1.5rem}.weekpunten span{color:var(--zacht);font-size:.85rem}.punten{color:#92400e;font-variant-numeric:tabular-nums;background:#fef3c7;border-radius:999px;align-items:center;gap:.15rem;padding:.3rem .6rem;font-weight:750;animation:.4s cubic-bezier(.3,.7,.4,1.5) punten-pop;display:inline-flex}.punten-ster{color:#f59e0b}.kop-vonk .mascotte-wolk{max-width:230px;margin-bottom:1.6rem;font-size:.92rem}.blad-vonk{align-self:flex-end}@keyframes vlam-groei{0%{transform:scale(.6)rotate(-8deg)}60%{transform:scale(1.18)rotate(4deg)}}@keyframes punten-pop{0%{transform:scale(.8)}50%{transform:scale(1.15)}}.lesklaar{text-align:center;justify-items:center;gap:1.25rem;max-width:640px;margin:0 auto;padding:4.5rem 1.5rem 2rem;display:grid}.lesklaar .mascotte{flex-direction:row}.lesklaar h1{outline:none;margin:0;font-size:2rem}.lesklaar-tegels{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.lesklaar-tegel{border:2px solid var(--rand);background:var(--wit);border-radius:16px;align-content:start;gap:.1rem;min-width:140px;padding:.9rem 1.1rem;animation:.5s cubic-bezier(.2,.8,.2,1) both verschijn;display:grid}.lesklaar-tegel:nth-child(2){animation-delay:.12s}.lesklaar-tegel:nth-child(3){animation-delay:.24s}.lesklaar-tegel span{letter-spacing:.06em;text-transform:uppercase;color:var(--zacht);font-size:.8rem;font-weight:700}.lesklaar-tegel strong{color:var(--inkt);font-size:1.8rem}.lesklaar-tegel em{color:var(--zacht);font-size:.85rem;font-style:normal}.lesklaar-tegel.xp{background:#fffbeb;border-color:#fcd34d}.lesklaar-tegel.xp strong{color:#b45309}.lesklaar-tegel.goed{border-color:var(--goed-rand)}.lesklaar-tegel.goed strong{color:var(--goed)}.lesklaar-tegel.tijd strong{color:var(--merk)}.lesklaar-status{background:var(--vlak);text-align:left;border-radius:16px;flex-wrap:wrap;justify-content:center;gap:1.25rem 2.5rem;padding:1rem 1.25rem;display:flex}.lesklaar .acties{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.lesknoppen{flex-wrap:wrap;gap:.5rem;display:flex}.lesknop-tekst{text-align:left;line-height:1.2;display:grid}.lesknop-tekst span{opacity:.85;font-size:.78rem;font-weight:500}.leerpad{width:380px;max-width:100%;margin:1rem auto 3rem;position:relative}.leerpad-lijn{position:absolute;inset:0;overflow:visible}.leerpad-lijn path{fill:none;stroke-width:10px;stroke-linecap:round}.pad-later{stroke:#e2e8f0;stroke-dasharray:2 18}.pad-gedaan{stroke:#a5b4fc}.padplek{width:0;height:0;position:absolute}.padknoop{cursor:pointer;color:#fff;background:linear-gradient(180deg, #818cf8, var(--merk));width:72px;height:72px;transition:transform var(--snel), box-shadow var(--snel);border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:-36px;left:-36px;box-shadow:0 6px #3730a3,0 12px 24px -10px #3730a380}.padknoop:hover{transform:translateY(-2px)}.padknoop:active{transform:translateY(4px);box-shadow:0 2px #3730a3}.padknoop:focus-visible{outline-offset:4px;outline:3px solid #fcd34d}.knoop-binnen{border-radius:50%;place-items:center;width:54px;height:54px;display:grid;position:relative}.knoop-ring{width:84px;height:84px;position:absolute;inset:-6px}.knoop-ring circle{fill:none;stroke:#fff0;stroke-width:5px}.knoop-ring .ring-vulling{stroke:#fbbf24;stroke-linecap:round}.padknoop.beheerst{background:linear-gradient(#fcd34d,#f59e0b);box-shadow:0 6px #b45309,0 12px 24px -10px #b4530980}.padknoop.herhaal{color:#78350f;background:linear-gradient(#fde68a,#fbbf24);box-shadow:0 6px #d97706}.padknoop.later{color:#94a3b8;background:#e2e8f0;box-shadow:0 6px #cbd5e1}.padknoop.verdieping{width:62px;height:62px;top:-31px;left:-31px}.padknoop.huidig{width:84px;height:84px;animation:2s ease-in-out infinite knoop-puls;top:-42px;left:-42px}.padknoop.huidig .knoop-ring{width:88px;height:88px;inset:-2px}.knoop-start{background:var(--wit);color:var(--merk);letter-spacing:.05em;text-transform:uppercase;border:2px solid #e2e8f0;border-radius:10px;padding:.3rem .7rem;font-size:.8rem;font-weight:800;animation:1.6s ease-in-out infinite start-hup;position:absolute;top:-40px;left:50%;translate:-50%}.padlabel{width:150px;color:var(--tekst);font-size:.85rem;line-height:1.25;position:absolute;top:-12px;left:56px}.padlabel.links{text-align:right;left:auto;right:56px}.padlabel strong{color:var(--merk-donker)}.padlabel em{color:var(--zacht);font-size:.75rem;font-style:normal;display:block}.pad-vonk{position:absolute;top:-40px;left:-150px}.pad-vonk.rechts{left:70px}.padkaart{z-index:5;border:1px solid var(--rand);background:var(--wit);width:280px;box-shadow:var(--schaduw-hoog);border-radius:16px;padding:1rem 1.1rem;animation:.22s cubic-bezier(.2,.8,.2,1) both verschijn;position:absolute;translate:-50%}.padkaart h3{margin:.1rem 0 .25rem;font-size:1.05rem}.padkaart p{margin:0 0 .6rem}.padkaart-code{letter-spacing:.08em;color:var(--merk);font-size:.75rem;font-weight:800}.padkaart .lesknoppen .knop{flex:1}.onderwerplijst{gap:.6rem;max-width:820px;margin:0;padding:0;list-style:none;display:grid}.onderwerplijst li{border:1px solid var(--rand);background:var(--wit);border-radius:14px;flex-wrap:wrap;align-items:center;gap:.9rem;padding:.8rem 1rem;display:flex}.onderwerplijst-tekst{flex:260px;gap:.35rem;display:grid}.lijst-knoop{background:var(--merk-licht);width:40px;height:40px;color:var(--merk-donker);border-radius:50%;place-items:center;font-size:.8rem;font-weight:800;display:grid}.lijst-knoop.beheerst,.lijst-knoop.herhaal{color:#78350f;background:#fcd34d}.lijst-knoop.later{color:#94a3b8;background:#f1f5f9}@keyframes knoop-puls{0%,to{box-shadow:0 6px #3730a3,0 0 #6366f173}50%{box-shadow:0 6px #3730a3,0 0 0 14px #6366f100}}@keyframes start-hup{50%{transform:translateY(-4px)}}.instelling{margin-bottom:1rem}.instelling h2{margin:0 0 .25rem;font-size:1.1rem}.keuzekaarten{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem;margin-top:.75rem;display:grid}.keuzekaart{border:2px solid var(--rand);background:var(--wit);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--snel), background var(--snel);border-radius:14px;gap:.15rem;padding:.85rem 1rem;display:grid}.keuzekaart span{color:var(--zacht);font-size:.88rem}.keuzekaart:hover{border-color:#c7d2fe}.keuzekaart.actief{border-color:var(--merk);background:var(--merk-licht)}.schakelaar-rij{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;display:flex}.schakelaar-rij>span{gap:.15rem;display:grid}.schakelaar{appearance:none;cursor:pointer;width:48px;height:28px;transition:background var(--snel);background:#cbd5e1;border-radius:999px;flex:none;position:relative}.schakelaar:after{content:"";width:22px;height:22px;transition:transform var(--snel);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.schakelaar:checked{background:var(--merk)}.schakelaar:checked:after{transform:translate(20px)}.schakelaar:focus-visible{outline-offset:2px;outline:3px solid #c7d2fe}.bewaard{background:var(--goed-licht);color:var(--goed);border-radius:999px;padding:.35rem .75rem;font-size:.88rem;font-weight:650}.ranglijst ol{gap:.25rem;margin:0 0 .5rem;padding:0;list-style:none;display:grid}.ranglijst li{border-radius:12px;align-items:center;gap:.7rem;padding:.45rem .6rem;display:flex}.ranglijst li.ik{background:var(--merk-licht)}.rang-plek{width:26px;color:var(--zacht);font-variant-numeric:tabular-nums;place-items:center;font-weight:750;display:grid}.plek-1 .rang-plek{color:#d97706}.plek-2 .rang-plek{color:#64748b}.plek-3 .rang-plek{color:#b45309}.rang-avatar{color:#fff;background:linear-gradient(#a5b4fc,#6366f1);border-radius:50%;place-items:center;width:32px;height:32px;font-weight:750;display:grid}.rang-naam{flex:1;font-weight:600}.rang-naam em{color:var(--zacht);font-style:normal;font-weight:500}.rang-xp{color:var(--zacht);font-variant-numeric:tabular-nums;font-size:.9rem}@media (prefers-reduced-motion:reduce){.padknoop.huidig,.knoop-start,.punten,.dagreeks.nieuw .dagreeks-vlam{animation:none}}.venster-inhoud{gap:.9rem;display:grid}.venster-inhoud>p{margin:0}.instellingenlijst{gap:.25rem;display:grid}.instellingenlijst .schakelaar-rij{border-bottom:1px solid var(--rand);padding:.65rem .25rem}.lesvorm-keuze{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin:0;padding:0;display:grid}.lesvorm-keuze legend{margin-bottom:.5rem;font-weight:700}.lesvorm-keuze input{opacity:0;pointer-events:none;position:absolute}.lesvorm-keuze .keuzekaart:has(input:focus-visible){outline-offset:2px;outline:3px solid #c7d2fe}@media (width<=560px){.lesvorm-keuze{grid-template-columns:1fr}}.moduleraster{grid-template-columns:minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}@media (width>=1100px){.moduleraster{grid-template-columns:minmax(0,1fr) 320px}.oefenvormen{position:sticky;top:1.5rem}}.oefenvormen{gap:1rem;display:grid}.oefenvorm h2{margin:0 0 .35rem;font-size:1.05rem}.oefenvorm p{margin:0 0 .85rem}.lesraster.enkel{grid-template-columns:minmax(0,760px);justify-content:center}.lesbalk-teller{text-align:right;min-width:3.2rem;color:var(--zacht);font-variant-numeric:tabular-nums;font-weight:700}.klein-knop{padding:.4rem .75rem;font-size:.88rem}.toetsuitslag{text-align:left;width:min(560px,100%)}.toetsuitslag h2{margin:0 0 .5rem;font-size:1.05rem}.toetsuitslag ul{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.toetsuitslag li{border:1px solid var(--rand);background:var(--wit);border-radius:12px;align-items:center;gap:.75rem;padding:.55rem .75rem;display:flex}.toets-score{text-align:center;font-variant-numeric:tabular-nums;border-radius:8px;min-width:2.6rem;padding:.2rem .45rem;font-weight:750}.toetsuitslag li.beheerst .toets-score{background:var(--goed-licht);color:var(--goed)}.toetsuitslag li.bijna .toets-score{background:var(--let-op-licht);color:var(--let-op)}.toetsuitslag li.oefenen .toets-score{background:var(--fout-licht);color:var(--fout)}.toets-naam{flex:1;min-width:0}.toetsuitslag li .knop{flex:none}.toets-advies{color:var(--goed);font-weight:650}.flitsraster{justify-items:center;gap:1.25rem;max-width:640px;margin:0 auto;padding:clamp(1.5rem,4vw,3rem) 1rem;display:grid}.flits-uitleg{color:var(--zacht);align-items:center;gap:.6rem;margin:0;font-weight:600;display:flex}.flitskaart{width:min(520px,100%);min-height:280px;font:inherit;color:inherit;perspective:1200px;background:0 0;border:0;padding:0;position:relative}.flitskaart.draai{cursor:pointer}.flits-voor,.flits-achter{border:1px solid var(--rand);background:var(--wit);box-shadow:var(--schaduw), 0 18px 40px -24px #4f46e559;backface-visibility:hidden;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:.6rem;padding:1.75rem;transition:transform .52s cubic-bezier(.3,.7,.3,1);display:flex;position:absolute;inset:0}.flits-voor{background:linear-gradient(160deg,#fff,#eef2ff)}.flits-achter{transform:rotateY(180deg)}.flitskaart.om .flits-voor{transform:rotateY(-180deg)}.flitskaart.om .flits-achter{transform:rotateY(0)}.flitskaart.draai:hover .flits-voor{box-shadow:var(--schaduw), 0 24px 48px -24px #4f46e573}.flitskaart.draai:focus-visible{outline:none}.flitskaart.draai:focus-visible .flits-voor,.flitskaart.draai:focus-visible .flits-achter{outline-offset:3px;outline:3px solid #c7d2fe}.flits-code{letter-spacing:.08em;color:var(--merk);margin:0;font-size:.75rem;font-weight:800}.flits-term{color:var(--inkt);text-align:center;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:750}.flits-term.klein{color:var(--merk-donker);font-size:1.1rem}.flits-hint{color:var(--zacht);font-size:.85rem}.flits-betekenis{text-align:center;color:var(--tekst);margin:0;font-size:1.15rem;line-height:1.5}.flits-extra{background:var(--merk-licht);color:var(--merk-donker);border-radius:999px;padding:.25rem .65rem;font-size:.9rem;font-weight:650}.flitskaart.typen{border:1px solid var(--rand);background:var(--wit);min-height:0;box-shadow:var(--schaduw);border-radius:24px;flex-direction:column;align-items:center;gap:1rem;padding:1.75rem;display:flex}.flits-invoer{flex-wrap:wrap;justify-content:center;gap:.6rem;width:100%;display:flex}.flits-invoer input{border:2px solid var(--rand);font:inherit;border-radius:14px;flex:240px;padding:.8rem 1rem;font-size:1.15rem;font-weight:600}.flits-invoer input:focus{border-color:var(--merk);outline:none;box-shadow:0 0 0 4px #4f46e524}.flits-knoppen{gap:.75rem;animation:.26s cubic-bezier(.2,.8,.2,1) both verschijn;display:flex}.knop.nog-niet{border-color:var(--fout-rand);color:var(--fout)}.begripuitslag{text-align:left;width:min(520px,100%)}.begripuitslag h2{margin:0 0 .5rem;font-size:1.05rem}.begripuitslag ul{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.begripuitslag li{border:1px solid var(--rand);background:var(--wit);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .75rem;display:flex}.begrip-term{font-weight:650}.begrip-niveau{gap:4px;display:flex}.begrip-niveau span{background:#e2e8f0;border-radius:4px;width:18px;height:8px}.begrip-niveau span.vol{background:linear-gradient(90deg, #818cf8, var(--merk))}@media (prefers-reduced-motion:reduce){.flits-voor,.flits-achter{transition:none}}.quizbanier{background:linear-gradient(110deg, var(--merk), #7c3aed);color:#fff;box-shadow:var(--schaduw-hoog);border-radius:16px;align-items:center;gap:.85rem;margin:1rem clamp(1rem,4vw,2.5rem) 0;padding:.85rem 1.1rem;animation:.3s cubic-bezier(.2,.8,.2,1) both verschijn;display:flex}.quizbanier span{flex:1}.quizbanier .knop{color:var(--merk-donker);background:#fff;border:0}.quiz{background:radial-gradient(1200px 600px at 50% -10%, #e0e7ff, transparent), var(--vlak);flex-direction:column;min-height:100vh;display:flex}.quiz.leider{background:radial-gradient(1400px 700px at 50% -20%,#c7d2fe,#0000),#f5f7ff}.quiz-kop{border-bottom:1px solid var(--rand);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;align-items:center;gap:.75rem;padding:.75rem 1.25rem;display:flex}.quiz-titel{color:var(--zacht);flex:1;font-weight:650}.quiz-mijnpunten,.quiz-teller{color:var(--merk-donker);font-variant-numeric:tabular-nums;align-items:center;gap:.35rem;font-weight:750;display:inline-flex}.quiz-midden{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1.25rem;padding:2rem 1rem;display:flex}.quiz-midden h1{margin:0;font-size:clamp(1.8rem,4vw,2.8rem)}.zacht.groot{max-width:640px;font-size:1.15rem}.quiz-deelnemers{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:900px;margin:0;padding:0;list-style:none;display:flex}.quiz-deelnemers li{background:var(--wit);border:1px solid #c7d2fe;border-radius:999px;padding:.5rem .9rem;font-weight:650;animation:.3s cubic-bezier(.3,.7,.4,1.4) both verschijn}.quiz-deelnemers li.leeg{color:var(--zacht);border-style:dashed}.quiz-vraag{flex-direction:column;flex:1;gap:1rem;width:min(820px,100%);margin:0 auto;padding:1.25rem 1rem 2rem;display:flex}.quiz-vraag.bord{width:min(1280px,100%)}.quiz-tijd{align-items:center;gap:.75rem;display:flex}.quiz-tijd-baan{background:#e2e8f0;border-radius:999px;flex:1;height:14px;overflow:hidden}.quiz-tijd-baan div{background:linear-gradient(90deg, var(--merk), #7c3aed);border-radius:999px;height:100%;transition:width .25s linear}.quiz-tijd.bijna .quiz-tijd-baan div{background:linear-gradient(90deg, #f97316, var(--fout))}.quiz-tijd span{text-align:right;min-width:2.2rem;color:var(--merk-donker);font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:800}.quiz-tijd.bijna span{color:var(--fout)}.quiz-nummer{color:var(--zacht);margin:0;font-weight:700}.quiz-vraagtekst{color:var(--inkt);font-size:1.2rem;font-weight:600}.quiz-vraagtekst.groot{font-size:clamp(1.3rem,2.4vw,1.9rem)}.quiz-opties{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem;display:grid}.quiz-optie{color:#fff;min-height:72px;font:inherit;text-align:left;transition:transform var(--snel), opacity var(--snel), filter var(--snel);border:0;border-radius:16px;align-items:center;gap:.75rem;padding:.9rem 1rem;font-size:1.05rem;font-weight:650;display:flex;position:relative;box-shadow:0 5px #0000002e}button.quiz-optie{cursor:pointer}button.quiz-optie:hover{transform:translateY(-2px)}button.quiz-optie:active{transform:translateY(3px);box-shadow:0 2px #0000002e}.quiz-optie.kleur-0{background:#4f46e5}.quiz-optie.kleur-1{background:#ea580c}.quiz-optie.kleur-2{background:#0891b2}.quiz-optie.kleur-3{background:#be185d}.quiz-optie.mis{opacity:.35;filter:saturate(.5)}.quiz-optie.juist{outline-offset:3px;outline:4px solid #fbbf24}.quiz-letter{background:#ffffff38;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.quiz-aantal{font-variant-numeric:tabular-nums;background:#ffffff40;border-radius:999px;margin-left:auto;padding:.2rem .6rem}.quiz-getal{flex-wrap:wrap;gap:.6rem;display:flex}.quiz-getal input{border:2px solid var(--rand);font:inherit;border-radius:14px;flex:220px;padding:.85rem 1rem;font-size:1.25rem;font-weight:650}.quiz-getal input:focus{border-color:var(--merk);outline:none}.quiz-getal select,.quiz-getal .eenheid{border:2px solid var(--rand);font:inherit;border-radius:14px;place-items:center;padding:0 .9rem;font-weight:650;display:grid}.quiz-juist{font-size:1.15rem}.quiz-plek{font-size:1.2rem}.quiz-midden.uitslag.goed{background:radial-gradient(600px 400px at 50% 40%,#d1fae5,#0000)}.quiz-midden.uitslag.fout{background:radial-gradient(600px 400px at 50% 40%,#fee2e2,#0000)}.quiz-bord{grid-template-columns:minmax(0,1fr);gap:1.25rem;display:grid}@media (width>=1000px){.quiz-bord{grid-template-columns:minmax(0,1fr) 300px}}.quiz-bord-vraag{background:var(--wit);box-shadow:var(--schaduw);border-radius:20px;gap:1rem;padding:1.25rem;display:grid}.quiz-bord-zij{background:var(--wit);box-shadow:var(--schaduw);text-align:center;border-radius:20px;align-content:start;justify-items:center;gap:.6rem;padding:1.25rem;display:grid}.quiz-bord-zij h2{margin:0;font-size:1.1rem}.quiz-groot-getal{color:var(--merk);font-variant-numeric:tabular-nums;margin:.5rem 0 0;font-size:4rem;font-weight:800;line-height:1}.quiz-groot-getal span{color:var(--zacht);font-size:1.6rem}.quiz-stand{text-align:left;gap:.3rem;width:100%;margin:0;padding:0;list-style:none;display:grid}.quiz-stand.breed{width:min(520px,100%)}.quiz-stand li{background:var(--vlak);border-radius:10px;align-items:center;gap:.6rem;padding:.45rem .7rem;display:flex}.quiz-stand li span{width:1.6rem;color:var(--zacht);font-weight:800}.quiz-stand li strong{font-variant-numeric:tabular-nums;margin-left:auto}.podium{justify-content:center;align-items:flex-end;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.podium li{flex-direction:column;align-items:center;gap:.25rem;width:120px;display:flex}.podium-naam{font-weight:750}.podium-punten{color:var(--zacht);font-variant-numeric:tabular-nums}.podium-blok{color:#fff;transform-origin:bottom;border-radius:14px 14px 0 0;place-items:center;width:100%;font-size:2rem;font-weight:800;animation:.7s cubic-bezier(.3,.7,.4,1.2) both podium-op;display:grid}.podium .plek-1 .podium-blok{background:linear-gradient(#fcd34d,#f59e0b);height:150px;animation-delay:.3s}.podium .plek-2 .podium-blok{background:linear-gradient(#cbd5e1,#94a3b8);height:110px;animation-delay:.15s}.podium .plek-3 .podium-blok{background:linear-gradient(#fdba74,#c2410c);height:80px}@keyframes podium-op{0%{transform:scaleY(0)}}.quiz-maken{gap:1rem;width:min(720px,100%);margin:0 auto;padding:2rem 1rem;display:grid}.quiz-maken h1{margin:0}.quiz-maken .knop.groot{justify-self:start}.quiz-onderwerpen{border:1px solid var(--rand);background:var(--wit);border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.35rem 1rem;margin:0;padding:.75rem 1rem;display:grid}.quiz-onderwerpen legend{padding:0 .35rem;font-weight:650}.quiz-onderwerpen label{align-items:center;gap:.5rem;font-size:.92rem;display:flex}@media (prefers-reduced-motion:reduce){.podium-blok,.quiz-deelnemers li,.quizbanier{animation:none}}.vraagkop{align-items:flex-start;gap:.75rem;margin:1rem 0 1.25rem;display:flex}.vraagkop .vraagtekst{flex:1;margin:0}.voorleesknop{border:1px solid var(--rand);background:var(--wit);width:38px;height:38px;color:var(--merk);font:inherit;letter-spacing:0;cursor:pointer;transition:background var(--snel), border-color var(--snel), color var(--snel), transform var(--snel);border-radius:999px;flex:none;justify-content:center;align-items:center;gap:.45rem;padding:0;font-size:.92rem;font-weight:650;display:inline-flex}.voorleesknop:hover{background:var(--merk-licht);border-color:#c7d2fe}.voorleesknop:active{transform:scale(.95)}.voorleesknop:focus-visible{outline-offset:2px;outline:3px solid #a5b4fc}.voorleesknop.actief{background:var(--merk);border-color:var(--merk);color:var(--wit)}.voorleesknop.met-tekst{width:auto;padding:0 .95rem 0 .75rem}.voorlees-golf{align-items:center;gap:2px;height:16px;display:inline-flex}.voorlees-golf i{background:currentColor;border-radius:2px;width:3px;height:100%;animation:.9s ease-in-out infinite voorlees-golf}.voorlees-golf i:nth-child(2){animation-delay:-.3s}.voorlees-golf i:nth-child(3){animation-delay:-.6s}@keyframes voorlees-golf{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.voorlees-laden{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite draai}@media (prefers-reduced-motion:reduce){.voorlees-golf i,.voorlees-laden{animation:none}}.blad-kop .voorleesknop{margin-left:.25rem}.uitleg-voorlezen{justify-content:flex-end;margin:0 0 .75rem;display:flex}.uitleg-erbij .uitleg-voorlezen{margin-top:.75rem}.flits-uitleg .voorleesknop{margin-left:auto}.instelling-label{color:var(--inkt);margin:1.25rem 0 .5rem;font-weight:700}.stemproef{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-top:1.25rem;display:flex}