@font-face{font-family:Noto Naskh Arabic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-naskh-arabic-arabic-400-normal-U_i0HMfG.woff2)format("woff2"),url(/assets/noto-naskh-arabic-arabic-400-normal-1AoZhAAW.woff)format("woff")}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--color-green:#009972;--color-green-dark:#007d5d;--color-green-hover:#007d5d;--color-green-bg:#e6f5f0;--color-on-green:#fff;--color-text:#1a1a1a;--color-sub:#555;--color-border:#e8e8e4;--color-bg:#f8f8f6;--color-white:#fff;--error-bg:#fef2f2;--error:#e53e3e;--error-text:#b91c1c;--fs-xs:.75rem;--fs-sm:.875rem;--fs-base:1rem;--fs-md:1.125rem;--fs-lg:1.5rem;--fs-xl:2rem;--gap-xs:.25rem;--gap-sm:.5rem;--gap-md:1rem;--gap-lg:1.5rem;--gap-xl:2.5rem;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--transition-fast:.15s ease;--ease-out:cubic-bezier(.16, 1, .3, 1);--sans:system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--arabic:"Noto Naskh Arabic", "Geeza Pro", "Arabic Typesetting", serif;--logo-filter:none}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-green:#00bd8d;--color-green-dark:#00bd8d;--color-green-hover:#00d19c;--color-green-bg:#16372c;--color-on-green:#06261d;--color-text:#f2f2f2;--color-sub:#b2b2b2;--color-border:#2f2f2b;--color-bg:#121211;--color-white:#1c1c1a;--error-bg:#3a1616;--error:#e64747;--error-text:#f4aeae;--logo-filter:invert(1) hue-rotate(180deg)}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-green:#00bd8d;--color-green-dark:#00bd8d;--color-green-hover:#00d19c;--color-green-bg:#16372c;--color-on-green:#06261d;--color-text:#f2f2f2;--color-sub:#b2b2b2;--color-border:#2f2f2b;--color-bg:#121211;--color-white:#1c1c1a;--error-bg:#3a1616;--error:#e64747;--error-text:#f4aeae;--logo-filter:invert(1) hue-rotate(180deg)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font:400 var(--fs-base) / 1.6 var(--sans);-webkit-tap-highlight-color:transparent;margin:0}:focus-visible{outline:3px solid var(--color-green);outline-offset:3px}::selection{background:var(--color-green-bg);color:var(--color-green-dark)}h1,h2{text-wrap:balance;margin:0}.topbar{z-index:10;background:var(--color-white);border-bottom:1px solid var(--color-border);padding-top:env(safe-area-inset-top);position:sticky;top:0}body[data-scherm=oefenen] .topbar{display:none}.topbar-inner{max-width:560px;min-height:60px;padding:var(--gap-sm) max(var(--gap-md), env(safe-area-inset-right)) var(--gap-sm) max(var(--gap-md), env(safe-area-inset-left));align-items:center;margin:0 auto;display:flex}.brand{align-items:center;gap:var(--gap-md);min-width:0;display:flex}.brand-logo{width:auto;max-width:62vw;height:18px;filter:var(--logo-filter);display:block}.icoonknop{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);width:44px;height:44px;color:var(--color-sub);cursor:pointer;transition:border-color var(--transition-fast), color var(--transition-fast), background-color var(--transition-fast);flex:none;place-items:center;margin-left:auto;padding:0;display:grid}@media (hover:hover){.icoonknop:hover{border-color:var(--color-green);color:var(--color-green-dark)}}.icoonknop[aria-current=page]{border-color:var(--color-green);background:var(--color-green-bg);color:var(--color-green-dark)}.brand-product{padding-left:var(--gap-md);border-left:1px solid var(--color-border);color:var(--color-green-dark);font:700 var(--fs-sm) var(--sans);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}#app{max-width:560px;padding:var(--gap-lg) max(var(--gap-md), env(safe-area-inset-right)) max(var(--gap-xl), env(safe-area-inset-bottom)) max(var(--gap-md), env(safe-area-inset-left));flex-direction:column;min-height:calc(100dvh - 61px);margin:0 auto;display:flex}body[data-scherm=oefenen] #app{min-height:100dvh;padding-top:max(var(--gap-md), env(safe-area-inset-top));padding-bottom:max(var(--gap-lg), env(safe-area-inset-bottom))}.pagina-titel{font:800 var(--fs-xl) / 1.15 var(--sans);letter-spacing:-.02em}.status{margin:var(--gap-xs) 0 0;color:var(--color-sub);font-size:var(--fs-sm);min-height:1.6em}.sectie{margin-top:var(--gap-xl)}.label{margin-bottom:var(--gap-sm);color:var(--color-sub);font:700 var(--fs-xs) var(--sans);letter-spacing:.08em;text-transform:uppercase;display:block}.vlak{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.lessen{padding:0 var(--gap-md);margin:0;list-style:none}.lessen li+li{border-top:1px solid var(--color-border)}.les{align-items:center;column-gap:var(--gap-md);padding:var(--gap-md) 0;cursor:pointer;grid-template-columns:1fr auto;min-height:64px;display:grid}.les-naam{font:700 var(--fs-md) / 1.3 var(--sans)}.les-info{color:var(--color-sub);font-size:var(--fs-sm);grid-column:1}.les-info strong{color:var(--color-text);font-weight:700}.les input{width:24px;height:24px;accent-color:var(--color-green);cursor:pointer;grid-area:1/2/span 2;margin:0}.keuzes{gap:var(--gap-sm);display:grid}.keuzes.naast{grid-template-columns:1fr 1fr}.keuze input{opacity:0;pointer-events:none;position:absolute}.keuze span{min-height:52px;padding:var(--gap-sm) var(--gap-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-white);cursor:pointer;transition:border-color var(--transition-fast), background-color var(--transition-fast);align-items:center;display:flex}@media (hover:hover){.keuze span:hover{border-color:var(--color-green)}}.keuze input:checked+span{border-color:var(--color-green);background:var(--color-green-bg);color:var(--color-green-dark);font-weight:700}.keuze input:focus-visible+span{outline:3px solid var(--color-green);outline-offset:3px}.btn{justify-content:center;align-items:center;gap:var(--gap-sm);border-radius:var(--radius-full);min-height:52px;font:600 var(--fs-base) var(--sans);cursor:pointer;touch-action:manipulation;transition:background-color var(--transition-fast), transform var(--transition-fast) var(--ease-out), box-shadow var(--transition-fast);border:2px solid #0000;padding:.75rem 1.5rem;display:inline-flex}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active:not(:disabled){box-shadow:none;transform:scale(.98)}.primair{background:var(--color-green);color:var(--color-on-green)}@media (hover:hover){.primair:hover:not(:disabled){background:var(--color-green-hover);transform:translateY(-1px)scale(1.02);box-shadow:0 4px 14px #0000001f}}.niet{background:var(--error-bg);border-color:var(--error);color:var(--error-text)}@media (hover:hover){.niet:hover{transform:translateY(-1px)}}.breed{width:100%}.aantal{opacity:.85;font-weight:400}.tekstlink{align-items:center;gap:var(--gap-xs);min-height:44px;color:var(--color-green-dark);font:600 var(--fs-sm) var(--sans);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:none;display:inline-flex}.tekstlink:hover:not(:disabled){text-decoration:underline}.tekstlink:disabled{color:var(--color-sub);opacity:.6;cursor:not-allowed}.tekstlink.gevaar{color:var(--error-text)}.tekstlink svg{flex:none}kbd{font:600 .6875rem/1 var(--sans);opacity:.6;border:1px solid;border-radius:4px;padding:3px 6px}@media (hover:none){kbd{display:none}}.acties{justify-items:center;gap:var(--gap-xs);margin-top:var(--gap-xl);display:grid}.acties .primair{width:100%;min-height:56px;font-size:var(--fs-md)}.hint{text-wrap:balance;max-width:34ch;color:var(--color-sub);font-size:var(--fs-xs);text-align:center;margin:0}.leeg{width:100%;margin:0 0 var(--gap-sm);padding:var(--gap-md);border-radius:var(--radius-lg);background:var(--color-white);border:1px solid var(--color-border);color:var(--color-sub);text-align:center}.bericht{align-items:center;gap:var(--gap-sm);margin:var(--gap-lg) 0 var(--gap-md);padding:.75rem var(--gap-md);border-radius:var(--radius-md);background:var(--error-bg);color:var(--error-text);font-size:var(--fs-sm);display:flex}.bericht-icoon{border-radius:var(--radius-full);background:var(--error);color:#fff;width:20px;height:20px;font:700 var(--fs-xs) var(--sans);flex:none;place-items:center;display:grid}[tabindex="-1"]:focus{outline:none}.keuzes.drie{grid-template-columns:repeat(3,1fr)}.keuzes.drie .keuze span{padding-inline:var(--gap-sm);justify-content:center}.uitleg{margin:var(--gap-sm) 0 0;color:var(--color-sub);font-size:var(--fs-sm)}.paneel{justify-items:start;gap:var(--gap-xs);padding:var(--gap-md);display:grid}.paneel p{color:var(--color-sub);font-size:var(--fs-sm);margin:0}.bevestiging{margin:var(--gap-sm) 0 0;padding:.75rem var(--gap-md);border-radius:var(--radius-md);background:var(--color-green-bg);color:var(--color-green-dark);font-size:var(--fs-sm);font-weight:600}.oefen-top{justify-content:space-between;align-items:center;display:flex}.teller{color:var(--color-sub);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;font-weight:600}.voortgangsbalk{background:var(--color-border);height:4px;margin:var(--gap-sm) 0 var(--gap-lg);overflow:hidden}.voortgangsbalk div{background:var(--color-green);transform-origin:0;height:100%}.kaart-wrap{perspective:1400px;flex:1;align-items:center;display:flex}.kaart{cursor:pointer;width:100%;min-height:min(56vh,440px);transform-style:preserve-3d;transition:transform .5s var(--ease-out);-webkit-user-select:none;user-select:none;display:grid;position:relative}.kaart.om{transform:rotateY(180deg)}.zijde{justify-content:center;align-items:center;gap:var(--gap-xs);padding:var(--gap-xl) var(--gap-lg);text-align:center;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);backface-visibility:hidden;flex-direction:column;grid-area:1/1;display:flex;position:relative}.achter{transform:rotateY(180deg)}.zijde .herhaling{top:var(--gap-md);color:var(--error-text);font:700 var(--fs-xs) var(--sans);letter-spacing:.08em;text-transform:uppercase;position:absolute}.ar{font-family:var(--arabic);letter-spacing:normal;unicode-bidi:isolate;line-height:2}.ar-rij{justify-content:center;align-items:center;gap:var(--gap-sm);display:flex}.ar-rij.groot .ar{padding:.1em 0;font-size:clamp(2.6rem,13vw,4.25rem)}.vertaling{font:600 var(--fs-lg) / 1.3 var(--sans)}.vertaling.groot{font:800 clamp(1.75rem, 8vw, 2.25rem) / 1.2 var(--sans);letter-spacing:-.01em}.uitspraak{color:var(--color-sub);font-size:var(--fs-md);font-style:italic}.zijde hr{border:0;border-top:1px solid var(--color-border);width:40%;margin:var(--gap-md) 0}.antwoorden{gap:var(--gap-sm);margin-top:var(--gap-lg);grid-template-columns:1fr 1fr;display:grid}.antwoorden .breed{grid-column:1/-1}.antwoorden .btn{min-height:60px;font-size:var(--fs-md)}.klaar{justify-content:center;gap:var(--gap-lg);flex-direction:column;flex:1;display:flex}.klaar p{margin:var(--gap-xs) 0 0;color:var(--color-sub)}.score{padding:0 var(--gap-md);margin:0;list-style:none}.score li{padding:var(--gap-md) 0;justify-content:space-between;align-items:baseline;display:flex}.score li+li{border-top:1px solid var(--color-border)}.score strong{font:800 var(--fs-lg) var(--sans);font-variant-numeric:tabular-nums}.score .fout strong{color:var(--error-text)}.klaar .primair{width:100%;min-height:56px;font-size:var(--fs-md)}@media (prefers-reduced-motion:reduce){.kaart{transition:none}.kaart.om{transform:none}.achter{opacity:0;transition:opacity .15s linear;transform:none}.kaart.om .achter{opacity:1}.kaart.om .voor{opacity:0}.btn,.keuze span{transition:none}.btn:hover,.btn:active{transform:none!important}}