:root{--bg:#F7F4EE;--bg-elevated:#FFFFFF;--ink:#1B2430;--ink-soft:#66707D;--primary:#1E4D7B;--primary-dark:#12304F;--primary-tint:#E3ECF6;--gold:#B9862E;--gold-soft:#F1E1B8;--line:#DFE3E8;--danger:#B2452F;--danger-tint:#F6E1DB;--on-accent:#FFFFFF;--glow:rgba(30,77,123,.10);--glow-2:rgba(185,134,46,.08);--radius:18px;--font-ui:"Quicksand",system-ui,-apple-system,"Segoe UI",sans-serif;--font-body:system-ui,-apple-system,"Segoe UI",sans-serif;--font-ar:"Noto Naskh Arabic","Traditional Arabic","Scheherazade New",serif;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1F2B4D;--bg-elevated:#2B3A64;--ink:#F5F1E8;--ink-soft:#B9C3DD;--primary:#8CC0F5;--primary-dark:#C3DEFA;--primary-tint:#35497A;--gold:#F3C866;--gold-soft:#5A4620;--line:#40527F;--danger:#F09A80;--danger-tint:#5A3328;--on-accent:#14213D;--glow:rgba(140,192,245,.22);--glow-2:rgba(243,200,102,.14);color-scheme:dark}}:root[data-theme=dark]{--bg:#1F2B4D;--bg-elevated:#2B3A64;--ink:#F5F1E8;--ink-soft:#B9C3DD;--primary:#8CC0F5;--primary-dark:#C3DEFA;--primary-tint:#35497A;--gold:#F3C866;--gold-soft:#5A4620;--line:#40527F;--danger:#F09A80;--danger-tint:#5A3328;--on-accent:#14213D;--glow:rgba(140,192,245,.22);--glow-2:rgba(243,200,102,.14);color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:radial-gradient(120% 55% at 50% -10%,var(--glow),transparent 70%),radial-gradient(70% 40% at 100% 100%,var(--glow-2),transparent 70%),var(--bg);background-attachment:fixed;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}#app,body{min-height:100vh}#app{max-width:640px;margin:0 auto;padding:20px 16px 48px}.screen-center{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 68px);min-height:calc(100dvh - 68px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1,h2,h3{font-family:var(--font-ui);font-weight:700;margin:0 0 4px;letter-spacing:.2px}h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.02rem}p{margin:0 0 10px;line-height:1.5;color:var(--ink)}.muted{color:var(--ink-soft);font-size:.92rem}button{font-family:var(--font-ui);font-weight:600;cursor:pointer;border:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border-radius:999px;font-size:1rem;background:var(--primary);color:var(--on-accent);transition:transform .12s ease}.btn:active{transform:scale(.97)}.btn.secondary{background:var(--bg-elevated);color:var(--primary);border:1.5px solid var(--primary)}.btn.ghost{background:transparent;color:var(--ink-soft);padding:10px 14px}.btn.danger{background:var(--danger);color:var(--on-accent)}.btn.gold{background:var(--gold);color:#2B2118}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn.block{display:flex;width:100%}.row{display:flex;gap:10px;flex-wrap:wrap}.topbar{justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.topbar,.topbar .who{display:flex;align-items:center}.topbar .who{gap:10px}.avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;background:var(--primary-tint);flex:none}.card{background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:14px;position:relative}.card.hero-line{border-top:3px solid var(--gold);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius)}.divider{height:6px;margin:18px 0;border-radius:3px;background:repeating-linear-gradient(135deg,var(--gold-soft) 0 6px,transparent 6px 12px);opacity:.8}.surah-card{display:flex;align-items:center;gap:14px;cursor:pointer;width:100%;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;margin-bottom:10px;text-align:right;color:var(--ink);font:inherit}.surah-card:active{transform:scale(.99)}.surah-card .info{flex:1 1;text-align:left;display:flex;flex-direction:column}.surah-card .info strong{font-family:var(--font-ui)}.surah-card .ar{font-family:var(--font-ar);font-size:1.5rem;direction:rtl}.badge{width:34px;height:34px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:1.05rem;border:2px solid var(--line);color:var(--ink-soft)}.badge.verzonden{border-color:var(--primary);color:var(--primary);background:var(--primary-tint)}.badge.goedgekeurd{border-color:var(--gold);color:#2B2118;background:var(--gold-soft)}.ayah-wrap{direction:rtl;text-align:right;font-family:var(--font-ar);font-size:1.85rem;line-height:2.5;margin:14px 0}.ayah-wrap .bismillah{display:block;text-align:center;font-size:1.5rem;color:var(--primary-dark);margin-bottom:10px}.ayah-wrap .ayah-line{transition:background .2s ease,color .2s ease;border-radius:10px;padding:2px 6px}.ayah-wrap .ayah-line.actief{background:var(--primary-tint);color:var(--primary-dark)}@font-face{font-family:Hafs Medina;src:url(/fonts/UthmanicHafs1Ver18.woff2) format("woff2");font-display:swap}.ayah-wrap.mushaf{font-family:"Hafs Medina",var(--font-ar);font-size:1.75rem;line-height:2.15}.ayah-wrap.mushaf .bismillah{font-size:1.6rem;margin-bottom:4px}.mushaf-tekst{margin:0;text-align:justify;text-align-last:center}.ayah-wrap.mushaf .ayah-line{padding:2px 0;border-radius:8px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.steps{display:flex;gap:6px;margin-bottom:16px}.steps span{flex:1 1;height:5px;border-radius:3px;background:var(--line)}.steps span.done{background:var(--primary)}.pin-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;max-width:280px;margin:18px auto 0}.pin-grid button{aspect-ratio:1;border-radius:50%;background:var(--bg-elevated);border:1.5px solid var(--line);font-size:1.4rem;color:var(--ink)}.pin-dots{display:flex;gap:12px;justify-content:center;margin:14px 0}.pin-dots span{width:14px;height:14px;border-radius:50%;border:2px solid var(--primary)}.pin-dots span.filled{background:var(--primary)}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));grid-gap:14px;gap:14px;margin-top:16px}.profile-tile{--tile:var(--primary);background:linear-gradient(165deg,color-mix(in srgb,var(--tile) 26%,var(--bg-elevated)),var(--bg-elevated) 85%);border:1.5px solid color-mix(in srgb,var(--tile) 45%,var(--line));border-radius:22px;padding:18px 10px 16px;text-align:center;color:var(--ink);width:100%;font:inherit;transition:transform .12s ease}.profile-tile:active{transform:scale(.96)}.profile-tile .em{font-size:2.6rem;line-height:1;display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 10px;border-radius:50%;background:color-mix(in srgb,var(--tile) 32%,var(--bg-elevated))}.profile-tile .name{font-family:var(--font-ui);font-weight:700;font-size:1.05rem;display:block}button.stat-btn{text-align:left;color:var(--ink);font:inherit;cursor:pointer}button.stat-btn:active{transform:scale(.98)}.field-label,label{display:block;font-size:.88rem;color:var(--ink-soft);margin:12px 0 5px;font-family:var(--font-ui);font-weight:600}label.surah-naam{display:inline;font:inherit;color:inherit;margin:0;cursor:pointer}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{width:100%;padding:11px 13px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg-elevated);color:var(--ink);font-size:1rem;font-family:var(--font-body)}textarea{min-height:110px;font-family:var(--font-ar);font-size:1.3rem;direction:rtl}.chip{display:inline-flex;align-items:center;padding:7px 13px;border-radius:999px;border:1.5px solid var(--line);font-size:.88rem;color:var(--ink-soft);background:var(--bg-elevated);cursor:pointer;margin:0 6px 6px 0}.chip.on{background:var(--primary);border-color:var(--primary);color:var(--on-accent)}button.chip{font-family:var(--font-ui);font-weight:600;line-height:1.2}.chip.emoji{font-size:1.2rem;padding:6px 11px}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid transparent;cursor:pointer;display:inline-block;padding:0;margin:0 6px 6px 0}.swatch.on{border-color:var(--ink)}.swatch:focus-visible{outline:3px solid var(--gold);outline-offset:2px}.row>.chip,.row>.swatch{margin:0}.rec-btn{width:96px;height:96px;border-radius:50%;background:var(--danger);color:var(--on-accent);font-size:2rem;display:flex;align-items:center;justify-content:center;margin:14px auto;border:none}.rec-btn.recording{animation:pulse 1.4s ease-in-out infinite}.rec-btn.starting{opacity:.75;cursor:progress}.rec-btn:disabled{cursor:progress}.spinner.light{border-color:#fff rgba(255,255,255,.35) rgba(255,255,255,.35);width:28px;height:28px}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(178,69,47,.5)}70%{box-shadow:0 0 0 18px rgba(178,69,47,0)}to{box-shadow:0 0 0 0 rgba(178,69,47,0)}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.timer{text-align:center;font-size:1.4rem;font-weight:700;color:var(--danger)}.ayah-teller,.timer{font-family:var(--font-ui)}.ayah-teller{margin:8px 0 0;font-weight:600}.oefen-keuzes{background:var(--primary-tint);border-radius:14px;padding:10px 12px 4px;margin:6px 0 4px}.oefen-rij{display:flex;align-items:center;gap:10px;margin-bottom:8px}.oefen-label{flex:0 0 58px;font-family:var(--font-ui);font-weight:700;font-size:.82rem;color:var(--primary-dark)}.oefen-rij .row{gap:6px}.oefen-uitleg{font-size:.85rem;margin:2px 0 8px}.oefen-status{margin:10px 0 0;font-family:var(--font-ui);font-weight:600;color:var(--primary-dark)}.oefen-status.beurt{color:var(--ink);background:var(--gold);border-radius:10px;padding:6px 10px;display:inline-block;color:#2B2118}audio{width:100%;margin:10px 0}.empty{text-align:center;padding:40px 20px;color:var(--ink-soft)}.empty .em{font-size:2.6rem;display:block}.empty .em,.nav-item,.navlist .btn{margin-bottom:10px}.nav-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 18px;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--line);color:var(--ink);font-size:1.02rem;text-align:left}.nav-item .countpill{background:var(--danger);color:var(--on-accent);border-radius:999px;padding:2px 10px;font-size:.82rem}.list-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:none}.flex1{flex:1 1}.toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:11px 20px;border-radius:999px;font-family:var(--font-ui);font-weight:600;z-index:50;box-shadow:0 6px 20px rgba(0,0,0,.25)}.surah-check{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.surah-check:last-child{border-bottom:none}.surah-check input[type=checkbox]{width:22px;height:22px;margin-top:2px;accent-color:var(--primary);flex:none}.link-btn{background:none;color:var(--primary);font-family:var(--font-ui);font-weight:600;padding:4px 0}.field-error{color:var(--danger);font-size:.85rem;margin:-6px 0 10px}a.btn{text-decoration:none}.spinner{width:20px;height:20px;border-radius:50%;border:3px solid var(--primary-tint);border-top-color:var(--primary);animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(1turn)}}.begroeting{display:flex;align-items:flex-start;gap:14px;margin:0 0 18px;padding:16px 16px 16px 10px;background:linear-gradient(160deg,var(--gold-soft),var(--bg-elevated) 80%);border:1px solid color-mix(in srgb,var(--gold) 35%,var(--line));border-radius:22px}.begroeting .noor{flex:none;overflow:visible}.noor-halo{animation:noor-adem 3.2s ease-in-out infinite;transform-origin:40px 58px}.noor-vlam{animation:noor-flakker 1.6s ease-in-out infinite;transform-origin:40px 66px}@keyframes noor-adem{0%,to{opacity:.75;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}@keyframes noor-flakker{0%,to{transform:scaleY(1) rotate(0)}40%{transform:scaleY(1.08) rotate(-3deg)}70%{transform:scaleY(.95) rotate(2deg)}}.begroeting-tekst{flex:1 1;min-width:0}.begroeting-salam{font-family:var(--font-ui);font-weight:700;font-size:1.45rem;line-height:1.2;margin:2px 0}.begroeting-welkom{font-family:var(--font-ui);font-weight:600;color:var(--ink-soft);margin:0 0 10px}.koran-onthoud{display:flex;align-items:flex-start;gap:12px;margin:-6px 0 18px;padding:12px 14px;background:var(--bg-elevated);border:1px dashed color-mix(in srgb,var(--gold) 55%,var(--line));border-radius:18px}.koran-onthoud-boek{flex:none;margin-top:2px}.koran-onthoud p{margin:0;font-size:.95rem;line-height:1.5;color:var(--ink)}.koran-onthoud strong{color:var(--primary)}.noor-ballon{position:relative;background:var(--bg-elevated);border:1px solid var(--line);border-radius:16px;padding:10px 13px;font-size:.95rem;line-height:1.45;color:var(--ink)}.noor-ballon:before{content:"";position:absolute;left:-7px;top:14px;width:12px;height:12px;background:var(--bg-elevated);border-left:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}.noor-naam{display:block;font-family:var(--font-ui);font-weight:700;font-size:.8rem;color:var(--gold);margin-bottom:2px}.weekstrip{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 18px}.weekstrip .dag{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0 7px;border-radius:14px;background:var(--bg-elevated);border:1.5px solid var(--line);font-family:var(--font-ui);font-weight:700;font-size:.85rem;color:var(--ink-soft)}.weekstrip .dag-stip{min-height:1.2em;font-size:.95rem;line-height:1.2}.weekstrip .dag.klaar{background:var(--gold-soft);border-color:color-mix(in srgb,var(--gold) 55%,var(--line));color:var(--ink)}.weekstrip .dag-datum{font-weight:600;font-size:.72rem;opacity:.85;white-space:nowrap}.weekstrip .dag.voorbij{opacity:.6}.weekstrip .dag.klaar{opacity:1}.weekstrip .dag.vandaag{background:var(--primary);border-color:var(--primary);color:var(--on-accent);opacity:1;box-shadow:0 0 0 3px var(--primary-tint);transform:translateY(-2px)}.weekstrip .dag.vandaag .dag-datum{opacity:1}.kalender-vandaag{margin:4px 2px 8px;font-size:.9rem;color:var(--ink-soft)}.kalender-vandaag strong{color:var(--ink)}.weekstrip .dag.weekend{flex:1.2 1}.sectie-kop{font-size:.95rem;color:var(--ink-soft);margin:6px 2px 8px}.badge.herhaal{border-color:var(--gold);background:var(--gold-soft)}.badge.opnieuw{border-color:var(--danger);color:var(--danger)}.rustdag{text-align:center;padding:24px 18px}.rustdag .em{font-size:2.4rem;display:block;margin-bottom:6px}.hele-week{margin-top:16px}.hele-week .link-btn{display:block;margin:0 auto 10px}:root{--hart-water:#4F9BD9;--hart-water-diep:#2F78B7;--hart-rand:var(--primary-dark);--hart-binnen:#FFFFFF;--scherm-dim:rgba(18,48,79,.55)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--hart-water:#6FB5EE;--hart-water-diep:#3D8BD0;--hart-rand:#F3C866;--hart-binnen:#22335C;--scherm-dim:rgba(5,10,25,.7)}}:root[data-theme=dark]{--hart-water:#6FB5EE;--hart-water-diep:#3D8BD0;--hart-rand:#F3C866;--hart-binnen:#22335C;--scherm-dim:rgba(5,10,25,.7)}.hart-scherm{position:fixed;inset:0;z-index:50;background:var(--scherm-dim);display:flex;align-items:center;justify-content:center;padding:16px;animation:hart-in .3s ease both}.hart-kaart{background:var(--bg-elevated);color:var(--ink);border-radius:24px;padding:22px 20px 20px;width:100%;max-width:360px;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.25)}.hart{width:210px;max-width:70%;height:auto;display:block;margin:-6px auto 6px;overflow:visible}.hart-binnen{fill:var(--hart-binnen)}.hart-rand{fill:none;stroke:var(--hart-rand);stroke-width:6;stroke-linejoin:round}.hart-straal{fill:var(--hart-water);opacity:0;animation:straal 1.9s ease-in .2s both}.hart-water{transform:translateY(var(--water-y));animation:vullen 2.2s cubic-bezier(.3,.6,.3,1) .35s both}.golf{animation:golven 2.6s linear infinite}.golf-achter{fill:var(--hart-water-diep);opacity:.55;animation:golven-achter 3.4s linear infinite}.golf-voor{fill:var(--hart-water)}.bel{fill:#fff;opacity:0;animation:bel 2.4s ease-in 1.2s infinite}.bel.b2{animation-delay:1.8s}.bel.b3{animation-delay:2.3s}.hart-titel{font-size:1.25rem;line-height:1.35;margin:4px 0 8px;text-wrap:balance}.hart-surah{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:0 0 4px;font-family:var(--font-ui);font-weight:700;color:var(--primary)}.hart-surah .ar{font-family:var(--font-ar);font-size:1.6rem}.hart-teller{margin:0 0 16px;font-size:.92rem}@keyframes hart-in{0%{opacity:0}to{opacity:1}}@keyframes straal{0%{opacity:0;transform:scaleY(.2);transform-origin:top}15%{opacity:.9;transform:scaleY(1)}75%{opacity:.9}to{opacity:0}}@keyframes vullen{0%{transform:translateY(200px)}to{transform:translateY(var(--water-y))}}@keyframes golven{0%{transform:translateX(0)}to{transform:translateX(-120px)}}@keyframes golven-achter{0%{transform:translateX(-100px)}to{transform:translateX(0)}}@keyframes bel{0%{opacity:0;transform:translateY(0)}20%{opacity:.8}to{opacity:0;transform:translateY(-70px)}}.leerweg-tegels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin:0 0 16px}.leerweg-tegel{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:92px;padding:12px 14px;border-radius:20px;background:var(--bg-elevated);border:2px solid var(--line);color:var(--primary);text-align:left}.leerweg-tegel.actief{background:var(--primary);border-color:var(--primary);color:var(--on-accent)}.leerweg-tegel.klaar-voor-jou:not(.actief){border-color:var(--gold);box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 22%,transparent)}.leerweg-naam{font-family:var(--font-ui);font-weight:700;font-size:1.1rem;margin-top:4px}.leerweg-sub{font-size:.85rem;opacity:.85}.gebed-vandaag{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:16px 18px;margin:0 0 6px;border-radius:22px;border:0;text-align:left;color:#2B2118;background:linear-gradient(160deg,#F3DFAE,#F8EACB);box-shadow:0 3px 0 color-mix(in srgb,var(--gold) 60%,transparent)}.gebed-vandaag-label{font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8A5E14}.gebed-vandaag-titel{font-family:var(--font-ui);font-weight:700;font-size:1.35rem;line-height:1.2}.gebed-vandaag-sub{font-size:.92rem;color:#5B4520}.gebed-vandaag-knop{margin-top:10px;align-self:stretch;text-align:center;padding:12px;border-radius:999px;background:#1E4D7B;color:#fff;font-family:var(--font-ui);font-weight:700}.gebed-dicht{padding:14px 16px;border-radius:18px;border:1px dashed color-mix(in srgb,var(--gold) 55%,var(--line));background:var(--bg-elevated);margin:0 0 6px}.gebed-dicht p{margin:0}.gebed-reis{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.gebed-stap{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:18px;background:var(--bg-elevated);border:1px solid var(--line)}.gebed-stap.nu{border:2px solid var(--gold)}.gebed-stap:not(.af):not(.nu){opacity:.8}.gebed-stap-tekst{flex:1 1;min-width:0;display:flex;flex-direction:column}.gebed-stap-tekst strong{font-family:var(--font-ui);font-size:.98rem}.gebed-stap-tekst .muted{font-size:.84rem}.gebed-open{padding:8px 14px;min-height:44px;flex:none}.les{display:flex;flex-direction:column;min-height:calc(100dvh - 68px)}.les-top{gap:12px;margin:0 0 14px}.les-sluit,.les-top{display:flex;align-items:center}.les-sluit{width:44px;height:44px;border-radius:22px;background:var(--bg-elevated);border:1px solid var(--line);color:var(--primary);justify-content:center;flex:none}.les-voortgang{flex:1 1}.les-balk{height:10px;border-radius:5px;background:var(--line);overflow:hidden}.les-balk span{display:block;height:100%;background:var(--gold);border-radius:5px;transition:width .3s}.les-scherm{flex:1 1;display:flex;flex-direction:column;gap:12px}.les-vul{flex:1 1;min-height:6px}.les-kicker{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#8A5E14}:root[data-theme=dark] .les-kicker{color:var(--gold)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .les-kicker{color:var(--gold)}}.les-titel{font-size:1.5rem;line-height:1.2;color:var(--primary)}.les-kop,.les-titel{margin:0;font-family:var(--font-ui);font-weight:700}.les-kop{font-size:1.3rem;line-height:1.25}.les-intro{padding:12px 14px;border-radius:16px;background:var(--gold-soft);line-height:1.5}.les-intro.blauw{background:var(--primary-tint)}.les-intro p{margin:0}.les-noor{display:flex;gap:10px;align-items:flex-end}.les-noor .noor{flex:none}.les-noor .noor-ballon{flex:1 1}.les-knop{min-height:56px;border-radius:28px;font-size:1.05rem;justify-content:center;flex:none}.les-tikknop{background:#17847d}.les-cadeauknop{background:#C8603F}.les-opties{display:flex;flex-direction:column;gap:10px}.les-optie{min-height:56px;padding:10px 16px;border-radius:18px;text-align:left;font-size:1rem;font-weight:600;background:var(--bg-elevated);border:3px solid var(--line);color:var(--ink)}.les-optie.gekozen,.les-optie.goed{background:var(--primary-tint);border-color:var(--primary);color:var(--primary)}.les-optie.fout{background:var(--danger-tint);border-color:var(--danger);color:var(--danger)}.les-optie:disabled{cursor:default}.les-tweeknop{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.les-tweeknop .les-optie{text-align:center;font-family:var(--font-ui);font-weight:700;font-size:1.1rem;min-height:64px}.les-uitleg{padding:12px 14px;border-radius:16px;background:var(--gold-soft);line-height:1.5}.les-uitleg.goed{background:var(--primary-tint);color:var(--primary)}.les-kaart{background:var(--bg-elevated);border:1px solid var(--line);border-radius:20px;padding:16px 18px;display:flex;flex-direction:column;gap:8px}.les-kaart p{margin:0}.les-kaart.les-rand{border:2px solid var(--gold)}.les-stelling{min-height:130px;justify-content:center;font-family:var(--font-ui);font-weight:700;font-size:1.3rem;line-height:1.3}.les-plaat{border-radius:20px;overflow:hidden;flex:none}.les-plaat svg{display:block;width:100%;height:auto}.les-verhaaltekst{font-size:1.08rem;line-height:1.6}.les-arregel{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:14px;background:var(--primary-tint);color:var(--primary);font-weight:700}.les-denk{padding:10px 12px;border-radius:14px;background:var(--gold-soft);line-height:1.5}.les-bron{margin:0;text-align:center;font-size:.8rem;color:var(--ink-soft)}.les-ar{font-family:"Amiri",var(--font-ar);font-weight:700;font-size:1.45rem;line-height:1.7}.les-ar-quran{font-family:"Hafs Medina",var(--font-ar);font-weight:400}.les-tr{margin:0;text-align:center;font-size:.9rem;color:var(--ink-soft);line-height:1.45}.les-tr.sterk{color:var(--primary);font-weight:700}.les-tekstkader{background:var(--bg-elevated);border:2px solid var(--gold);border-radius:20px;padding:10px 14px;text-align:center;font-size:1.6rem;line-height:2}.les-rij{display:flex;align-items:center;justify-content:space-between;gap:10px}.les-label{font-size:.75rem;font-weight:700;padding:3px 8px;border-radius:10px;background:var(--gold-soft);color:#8A5E14;flex:none}.les-label.blauw{background:var(--primary-tint);color:var(--primary)}.les-stapbalk{display:flex;gap:4px}.les-stapbalk span{flex:1 1;height:8px;border-radius:4px;background:var(--line)}.les-stapbalk span.af{background:var(--primary)}.les-stapbalk span.nu{background:var(--gold)}.les-stapplaat{background:#E3F1EF;border-radius:20px;display:flex;align-items:center;justify-content:center;padding:6px;flex:none}.les-stapplaat svg{width:100%;max-width:320px;height:auto}.les-stapnaam{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;color:var(--primary)}.les-stapnaam .les-ar{font-size:1.75rem}.les-stap-tr{font-family:var(--font-ui);font-weight:700;font-size:1.3rem}.les-staptekst{margin:0;font-size:1.02rem;line-height:1.55}.les-tikken{display:flex;justify-content:center;gap:10px}.les-tikken span{width:22px;height:22px;border-radius:11px;border:3px solid #9fc9c4}.les-tikken span.af{background:#17847d;border-color:#17847d}.les-volgvak{min-height:60px;padding:10px;border-radius:18px;background:var(--bg-elevated);border:2px solid var(--line);gap:6px}.les-chips,.les-volgvak{display:flex;flex-wrap:wrap}.les-chips{gap:8px}.les-chip{min-height:48px;padding:8px 14px;border-radius:24px;font-size:.98rem;font-weight:600;background:var(--bg-elevated);color:var(--ink);border:3px solid var(--line)}.les-chip.gekozen{background:var(--primary);border-color:var(--primary);color:var(--on-accent)}.les-chip.fout{background:var(--danger-tint);border-color:var(--danger);color:var(--danger)}span.les-chip{display:inline-flex;align-items:center;min-height:36px;padding:4px 10px;font-size:.9rem}.les-paren{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);grid-gap:8px;gap:8px}.les-paren>div{gap:8px}.les-paren>div,.les-woord{display:flex;flex-direction:column}.les-woord{min-height:64px;border-radius:16px;padding:4px 8px;align-items:center;justify-content:center;background:var(--bg-elevated);border:3px solid var(--line);color:var(--primary)}.les-woord .les-ar{font-size:1.3rem;line-height:1.4}.les-woord-tr{font-size:.75rem;font-weight:700}.les-woord.gekozen{background:var(--primary);border-color:var(--primary);color:var(--on-accent)}.les-woord.gevonden{opacity:.5;border-style:dashed}.les-woord.fout{background:var(--danger-tint);border-color:var(--danger);color:var(--danger)}.les-betekenis{font-size:.9rem;font-weight:600;line-height:1.3;color:var(--ink)}.les-melding{margin:0;text-align:center;font-weight:700;color:var(--primary)}.les-ontdek{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.les-ontdekkaart{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:110px;padding:10px;border-radius:18px;background:var(--primary);color:var(--on-accent);border:0;text-align:center}.les-ontdekkaart.open{background:var(--bg-elevated);color:var(--ink);border:2px solid var(--gold);grid-column:span 2;align-items:flex-start;text-align:left}.les-ontdekkaart svg{width:100%;max-width:200px;height:auto;align-self:center}.les-ontdekkaart .les-ar{font-size:1.5rem}.les-ontdek-titel{font-family:var(--font-ui);font-weight:700;font-size:1rem}.les-ontdek-tekst{font-size:.95rem;line-height:1.5}.les-tik{font-size:.78rem;opacity:.85}.les-groot{padding:14px 16px;border-radius:20px;background:var(--primary-tint);display:flex;flex-direction:column;gap:6px}.les-groot p{margin:0}.les-groot .les-ar{text-align:center;font-size:1.6rem}.les-modi{display:flex;gap:6px}.les-modi span{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center;padding:6px 2px;border-radius:14px;font-size:.66rem;overflow:hidden;font-weight:700;background:var(--primary-tint);color:var(--primary)}.les-modi span.nu{background:var(--primary);color:var(--on-accent)}.les-modi b{color:var(--gold);font-size:.95rem}.les-hifzkader{background:var(--bg-elevated);border:2px solid var(--gold);border-radius:20px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.les-hifztekst{text-align:center;font-size:1.65rem;line-height:2.1}.les-hifztekst .licht{background:var(--gold-soft);border-radius:10px;padding:0 4px;-webkit-box-decoration-break:clone;box-decoration-break:clone}.les-badge{display:flex;align-items:center;gap:14px}.les-badge svg{flex:none}.les-badge p{margin:0}.les-missie{padding:14px 16px;border-radius:20px;background:var(--primary);color:var(--on-accent);display:flex;flex-direction:column;gap:8px}.les-missie .les-kicker{color:inherit;opacity:.8}.les-missie p{color:inherit}.les-missie-titel{margin:0;font-family:var(--font-ui);font-weight:700;font-size:1.08rem}.les-missiebalk{display:flex;gap:4px}.les-missiebalk span{flex:1 1;height:12px;border-radius:6px;background:rgba(255,255,255,.25)}.les-missiebalk span.af{background:var(--gold)}.les-missie .les-rij span{font-size:.88rem}.levels{margin:18px 0 6px}.levels-kop{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.levels-kop .sectie-kop{margin:0}.levels-plekjes{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.levels-plekjes li{display:flex;flex-direction:column;align-items:center;gap:0;padding:10px 6px;border-radius:16px;background:var(--bg-elevated);border:1px dashed var(--line);color:var(--ink-soft);text-align:center}.levels-plekjes li.af{border:2px solid var(--gold);background:linear-gradient(160deg,var(--gold-soft),var(--bg-elevated));color:var(--ink)}.levels-ster{color:var(--gold);font-size:1.2rem;line-height:1}.levels-ar{font-family:"Hafs Medina",var(--font-ar);font-size:1.35rem;line-height:1.6}.levels-nl{font-size:.82rem;font-weight:600}.levels-klaar{margin:10px 0 0;padding:12px 14px;border-radius:16px;background:var(--gold-soft);line-height:1.5}.vg-kind{padding:12px 0;border-top:1px solid var(--line)}.vg-kind:first-of-type{border-top:0}.vg-naam{display:flex;align-items:center;gap:10px}.vg-sub{margin:10px 0 4px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.vg-plekjes{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.vg-plekjes li{font-size:.85rem;padding:4px 10px;border-radius:12px;background:var(--bg);border:1px solid var(--line);color:var(--ink-soft)}.vg-plekjes li.af{border-color:var(--gold);color:var(--ink);background:var(--gold-soft)}.vg-cert{margin-top:10px}.vg-gebed{margin:0}.cert-scherm{position:fixed;inset:0;z-index:60;overflow:auto;background:rgba(20,28,45,.72);padding:16px;display:flex;flex-direction:column;align-items:center;gap:12px}.cert-knoppen{display:flex;gap:10px}.certificaat{width:100%;max-width:560px;background:#FFFDF6;color:#1B2430;border-radius:10px;padding:34px 28px;text-align:center;border:10px double #b9862e;display:flex;flex-direction:column;align-items:center;gap:6px}.cert-klein{margin:6px 0 0;font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#8A5E14}.cert-naam{font-size:2.2rem;color:#1E4D7B}.cert-naam,.cert-zin{margin:0;font-family:var(--font-ui)}.cert-zin{font-weight:700;font-size:1.25rem;color:#1B2430}.cert-tekst{margin:10px 0 0;color:#4A5563}.cert-lijst{list-style:none;margin:4px 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:4px 18px;gap:4px 18px;width:100%}.cert-lijst li{display:flex;justify-content:space-between;align-items:baseline;gap:8px;border-bottom:1px dotted #d9c9a3;padding:2px 0;color:#1B2430}.cert-ar{font-family:"Hafs Medina",var(--font-ar);font-size:1.25rem}.cert-dua{margin:10px 0 0;font-style:italic;color:#4A5563}.cert-voet{margin-top:16px;width:100%;display:flex;justify-content:space-between;gap:10px;font-size:.85rem;color:#4A5563;flex-wrap:wrap}@media print{body.print-certificaat *{visibility:hidden}body.print-certificaat .certificaat,body.print-certificaat .certificaat *{visibility:visible}body.print-certificaat .cert-scherm{position:absolute;inset:0;background:none;padding:0}body.print-certificaat .certificaat{position:absolute;left:0;top:0;max-width:none;width:100%}body.print-certificaat{background:#fff}}.hifz-oefen{gap:12px}.hifz-oefen,.hifz-regels{display:flex;flex-direction:column}.hifz-regels{list-style:none;margin:0;padding:10px 12px;border:2px solid var(--gold);border-radius:20px;background:var(--bg-elevated);gap:6px}.hifz-regels li{display:flex;flex-direction:column;align-items:center;text-align:center;padding:6px 8px;border-radius:14px;transition:background .2s}.hifz-regels li.actief{background:var(--gold-soft)}.hifz-regel-ar{font-size:1.55rem;line-height:1.9}.hifz-regel-tr{font-size:.85rem;color:var(--ink-soft)}.hifz-opsturen{margin-top:8px;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}.hifz-opsturen .sectie-kop{margin:0}.hifz-status{padding:10px 12px;border-radius:14px;background:var(--primary-tint)}.hifz-status.goedgekeurd{background:var(--gold-soft)}.hifz-status p{margin:0 0 6px}.les-later{align-self:center;margin-top:4px}.gebed-hifz{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.gebed-hifz li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:18px;background:var(--bg-elevated);border:1px solid var(--line)}.les-ontdekkaart .les-tr{color:inherit;opacity:.85}.kalender-vandaag-ouder{margin-top:-6px}.melding-oude-week{margin:4px 0 12px;padding:10px 12px;border-radius:12px;background:var(--gold-soft);border:1px solid color-mix(in srgb,var(--gold) 55%,var(--line));color:var(--ink);font-size:.9rem;line-height:1.45}