.bn{--bn-onder:max(8px,calc(env(safe-area-inset-bottom) - 12px));--bn-rand:12px;--bn-binnen:4px;--bn-veer:cubic-bezier(0.32,1.32,0.52,1);--bn-schuif:520ms;--bn-glans:color-mix(in oklab,color-mix(in oklch,var(--color-night-raised) 40%,var(--color-white)) 70%,transparent);position:fixed;inset-inline:calc(var(--bn-rand) + max(env(safe-area-inset-left), env(safe-area-inset-right)));bottom:var(--bn-onder);max-width:30rem;margin-inline:auto;height:calc(var(--nav-h) - 6px);padding:0 var(--bn-binnen);display:flex;align-items:stretch;border-radius:999px;background:color-mix(in oklch,var(--color-night-raised) 78%,transparent);backdrop-filter:blur(22px) saturate(1.8);-webkit-backdrop-filter:blur(22px) saturate(1.8);border:1px solid color-mix(in oklab,var(--color-night-border) 70%,transparent);box-shadow:inset 0 1px 0 0 var(--bn-glans),0 12px 32px -12px color-mix(in oklab,var(--color-shadow-ink) 28%,transparent),0 2px 6px color-mix(in oklab,var(--color-shadow-ink) 6%,transparent);z-index:100;transform-origin:50% 100%;transition:transform .38s var(--bn-veer)}.bn-matglas{position:fixed;inset-inline:0;bottom:0;height:calc(var(--nav-h) + env(safe-area-inset-bottom) + var(--space-3));z-index:99;pointer-events:none;background:color-mix(in oklch,var(--color-night) 62%,transparent);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);mask-image:linear-gradient(0deg,black calc(100% - 1.25rem),transparent);-webkit-mask-image:linear-gradient(0deg,black calc(100% - 1.25rem),transparent)}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.bn-matglas{background:color-mix(in oklch,var(--color-night) 94%,transparent)}}@media (min-width:1024px){.bn-matglas{display:none}}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.bn{background:color-mix(in oklch,var(--color-night-raised) 96%,transparent)}}.bn[data-klein]{transform:scale(.92) translateY(3px)}.bn-pil{position:absolute;top:var(--bn-binnen);bottom:var(--bn-binnen);inset-inline-start:var(--bn-binnen);width:calc((100% - 2 * var(--bn-binnen)) / var(--bn-aantal, 5));transform:translateX(calc(var(--bn-i, 0) * 100%));transition:transform var(--bn-schuif) var(--bn-veer);pointer-events:none}[dir=rtl] .bn-pil{transform:translateX(calc(var(--bn-i, 0) * -100%))}.bn-pil[data-zichtbaar=false]{opacity:0}.bn-pil-glas{position:absolute;inset:0 2px;border-radius:999px;background:color-mix(in oklab,var(--color-signaal) 13%,color-mix(in oklch,var(--color-night-raised) 72%,transparent));box-shadow:inset 0 1px 0 0 var(--bn-glans),inset 0 0 0 1px color-mix(in oklab,var(--color-signaal) 14%,transparent),0 4px 12px -6px color-mix(in oklab,var(--color-signaal) 50%,transparent)}.bn-pil-glas[data-rek=true]{animation:bn-rek var(--bn-schuif) var(--ease-out,ease-out)}@keyframes bn-rek{0%{transform:scale(1)}30%{transform:scale(1.22,.9)}65%{transform:scale(.97,1.03)}to{transform:scale(1)}}.bn-item{position:relative;flex:1 1;min-width:0;display:grid;place-content:center;justify-items:center;grid-gap:.15rem;gap:.15rem;min-height:48px;border-radius:999px;color:var(--color-ivory-dim);font-size:.68rem;letter-spacing:.02em;transition:color var(--duration-normal) var(--ease-calm)}.bn-icon{display:grid;place-items:center}.bn-item svg{width:1.45rem;height:1.45rem;stroke-width:1.6;transition:transform var(--duration-fast) var(--ease-out)}.bn-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bn-item[data-active=true]{color:var(--color-text);font-weight:600}.bn-item[data-active=true] .bn-icon{color:var(--color-signaal)}.bn-item[data-active=true] svg{fill:color-mix(in oklab,var(--color-signaal) 22%,transparent)}.bn-item:focus-visible{outline:3px solid var(--color-focus);outline-offset:-3px}.bn-item:active svg{transform:scale(.9)}@media (orientation:landscape) and (max-height:500px){.bn{--bn-onder:max(4px,calc(env(safe-area-inset-bottom) - 12px));height:var(--nav-h)}}@media (prefers-reduced-motion:reduce){.bn,.bn-item svg,.bn-pil{transition:none}.bn[data-klein]{transform:none}.bn-pil-glas[data-rek=true]{animation:none}}body[data-weergave=rustig] .bn,body[data-weergave=rustig] .bn-item svg,body[data-weergave=rustig] .bn-pil{transition:none}body[data-weergave=rustig] .bn[data-klein]{transform:none}body[data-weergave=rustig] .bn-pil-glas[data-rek=true]{animation:none}:root{--dok-onder:calc(var(--nav-h) + env(safe-area-inset-bottom, 0px) + 0.5rem);--dok-boven:calc(env(safe-area-inset-top, 0px) + 3.25rem);--dok-marge:max(0.6rem,env(safe-area-inset-left,0px),env(safe-area-inset-right,0px));--dok-links:0px}@media (min-width:1024px){:root{--dok-onder:calc(env(safe-area-inset-bottom, 0px) + 1.25rem);--dok-marge:1.25rem;--dok-links:var(--nav-w)}}html[data-dok=aan] body{padding-bottom:var(--dok-ruimte,0)}.dok{position:fixed;right:var(--dok-marge);bottom:var(--dok-onder);width:min(28rem,calc(100vw - 2 * var(--dok-marge)));z-index:40;display:grid;grid-template-columns:auto 1fr;grid-auto-flow:column;grid-auto-columns:auto;align-items:center;grid-gap:.25rem;gap:.25rem;padding:.55rem .5rem .55rem .35rem;border-radius:16px;background:color-mix(in oklch,var(--color-night-raised) 80%,transparent);backdrop-filter:blur(22px) saturate(1.8);-webkit-backdrop-filter:blur(22px) saturate(1.8);border:1px solid color-mix(in oklab,var(--color-night-border) 70%,transparent);box-shadow:var(--shadow-soft);touch-action:none;animation:dok-in .18s cubic-bezier(.23,1,.32,1)}.dok[data-sleept=true]{animation:none;cursor:-webkit-grabbing;cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (prefers-reduced-motion:reduce){.dok{animation:none}}@keyframes dok-in{0%{opacity:0}to{opacity:1}}.dok-meters{position:absolute;top:0;left:0;width:0;overflow:hidden;pointer-events:none;visibility:hidden}.dok-meet-boven{display:block;height:var(--dok-boven)}.dok-meet-onder{display:block;height:var(--dok-onder)}.dok-meet-marge{display:block;width:var(--dok-marge);height:0}.dok-meet-links{display:block;width:var(--dok-links);height:0}.dok-melding{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.dok-greep{display:inline-grid;place-items:center;width:28px;height:44px;border:0;background:transparent;color:var(--color-muted);cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;transition:transform .14s cubic-bezier(.23,1,.32,1),color .14s ease,opacity .14s ease}.dok-greep:hover{color:var(--color-gold-deep);transform:scale(1.12)}.dok-greep:active{color:var(--color-gold-deep);transform:scale(.92)}.dok-greep:focus-visible{outline:2px solid var(--color-gold-deep);outline-offset:2px;color:var(--color-gold-deep)}.dok[data-sleept=true] .dok-greep{cursor:-webkit-grabbing;cursor:grabbing;transform:scale(1.12)}@media (prefers-reduced-motion:reduce){.dok-greep{transition:none}.dok-greep:active,.dok-greep:hover,.dok[data-sleept=true] .dok-greep{transform:none}}.dok-tekst{display:grid;min-width:0;text-decoration:none;color:inherit;line-height:1.25}.dok-soort{font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold-deep)}.dok-titel{font-weight:600;font-size:.92rem}.dok-bron,.dok-titel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dok-bron{font-size:.74rem;color:var(--color-muted)}.dok-knop{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:0;background:var(--color-gold-soft);color:var(--color-gold-deep);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .14s cubic-bezier(.23,1,.32,1),background-color .14s ease}.dok-knop:hover{background:var(--color-gold-hi);transform:scale(1.06)}.dok-knop:active{transform:scale(.94)}@media (prefers-reduced-motion:reduce){.dok-knop{transition:none}.dok-knop:active,.dok-knop:hover{transform:none}}.dok-knop:focus-visible{outline:2px solid var(--color-gold-deep);outline-offset:2px}.dok-stop{background:transparent;color:var(--color-muted)}.dok-stop:hover{background:var(--color-surface);color:var(--color-text)}.app-shell{padding-bottom:5.5rem}@supports not (((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) or (-webkit-backdrop-filter:blur(1px))){.dok{background:var(--color-night-raised)}}.dok-uitklap{background:transparent;color:var(--color-text)}.dok-uitklap:hover{background:var(--color-gold-soft);color:var(--color-gold-deep)}.surah-player{display:grid;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-night-raised);border:1px solid var(--color-night-border);box-shadow:var(--shadow-raised)}.surah-player-error{display:grid;grid-gap:var(--space-2);gap:var(--space-2);color:var(--color-danger)}.surah-player-retry{justify-self:start;min-height:40px;padding:.4em 1em;border-radius:999px;border:1px solid var(--color-gold-deep);background:transparent;color:var(--color-gold-deep);font-weight:700;cursor:pointer}.surah-player-meta{display:grid;grid-gap:.2rem;gap:.2rem}.surah-player-title{margin:0;font-family:var(--font-display,inherit);font-weight:700;font-size:1.3rem}.surah-player-reciter{margin:0;color:var(--color-ivory-faint);font-size:.88rem}.surah-player-note{margin:.15rem 0 0;color:var(--color-gold-deep);font-size:.8rem;line-height:1.5}.surah-player-scrub-row{display:grid;grid-template-columns:1fr auto;align-items:center;grid-gap:var(--space-2);gap:var(--space-2)}.surah-player-scrubber{width:100%;height:44px;margin:0;accent-color:var(--color-gold);cursor:pointer}.surah-player-time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.82rem;color:var(--color-ivory-faint);white-space:nowrap}.surah-player-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.surah-player-toggle{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:999px;border:none;background:linear-gradient(180deg,var(--color-gold-hi),var(--color-gold));color:var(--color-inkt-op-goud);font-size:1.5rem;cursor:pointer;box-shadow:0 8px 22px color-mix(in oklab,var(--color-gold) 28%,transparent);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.surah-player-toggle:focus-visible,.surah-player-toggle:hover{box-shadow:0 10px 26px color-mix(in oklab,var(--color-gold) 36%,transparent)}.surah-player-toggle:active{transform:scale(.94)}.surah-player-skip{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:999px;border:1px solid var(--color-night-border);background:transparent;color:var(--color-ivory-dim);font-size:1.15rem;cursor:pointer;transition:border-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.surah-player-skip:focus-visible:not(:disabled),.surah-player-skip:hover:not(:disabled){border-color:var(--color-gold-deep);color:var(--color-gold-deep)}.surah-player-skip:active:not(:disabled){transform:scale(.92)}.surah-player-skip:disabled{opacity:.3;cursor:default}.surah-player-progress{margin:0;text-align:center;color:var(--color-ivory-faint);font-size:.8rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.surah-player-loop{display:flex;align-items:center;justify-content:center;gap:.5em;font-size:.85rem;color:var(--color-ivory-dim);cursor:pointer}.surah-player-loop input{accent-color:var(--color-gold);width:18px;height:18px}.surah-player-car-hint{margin:0;text-align:center;font-size:.78rem;color:var(--color-ivory-faint);font-style:italic}@media (prefers-reduced-motion:reduce){.surah-player-skip,.surah-player-toggle{transition:none}.surah-player-skip:active:not(:disabled),.surah-player-toggle:active{transform:none}}.surah-player-sleep{display:flex;flex-direction:column;gap:.4rem;margin-top:.6rem}.surah-player-sleep-label{font-size:.8rem;color:var(--color-ink-soft,var(--color-ivory-faint))}.surah-player-sleep-opts{display:flex;flex-wrap:wrap;gap:.35rem}.surah-player-sleep-opt{border:1px solid var(--color-line,var(--color-night-border));background:transparent;border-radius:999px;padding:.3rem .7rem;font-size:.8rem;font-weight:600;cursor:pointer;color:inherit;transition:transform .16s ease-out,background .2s ease,border-color .2s ease}.surah-player-sleep-opt:active{transform:scale(.95)}.surah-player-sleep-opt[data-on=true]{background:color-mix(in oklch,var(--color-green,var(--color-green)) 16%,transparent);border-color:color-mix(in oklch,var(--color-green,var(--color-green)) 45%,transparent)}.surah-player-sleep-toggle{border:1px solid var(--color-line,var(--color-night-border));background:transparent;border-radius:999px;padding:.3rem .8rem;font-size:.8rem;font-weight:600;cursor:pointer;color:inherit;align-self:flex-start;transition:transform .16s ease-out,background .2s ease,border-color .2s ease}.surah-player-sleep-toggle:active{transform:scale(.96)}.surah-player-sleep-toggle[data-on=true]{background:color-mix(in oklch,var(--color-green,var(--color-green)) 16%,transparent);border-color:color-mix(in oklch,var(--color-green,var(--color-green)) 45%,transparent)}.surah-player-extra{margin-top:var(--space-3);border-top:1px solid var(--color-border)}.surah-player-extra-knop{min-height:48px;display:flex;align-items:center;cursor:pointer;color:var(--color-muted);font-size:.9rem;list-style:none}.surah-player-extra-knop::-webkit-details-marker{display:none}.surah-player-extra-knop:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.surah-player-extra-inhoud{padding-bottom:var(--space-3)}.surah-player-vers{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:999px;border:1px solid var(--color-night-border);background:var(--color-night-raised);color:var(--color-ivory);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.surah-player-vers:focus-visible:not(:disabled),.surah-player-vers:hover:not(:disabled){border-color:var(--color-gold-deep);color:var(--color-gold-deep)}.surah-player-vers:focus-visible{outline:2px solid var(--color-gold-deep);outline-offset:2px}.surah-player-toggle:active,.surah-player-vers:active:not(:disabled){transform:scale(.97)}.surah-player-vers:disabled{opacity:.3;cursor:default}.surah-player-stand{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:var(--space-2);gap:var(--space-2)}.surah-player-stand .surah-player-skip{width:44px;height:44px;font-size:.95rem}.surah-player-stand .surah-player-progress{font-size:.95rem;color:var(--color-ivory-dim)}.surah-player-herhaal{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.4rem}.surah-player-herhaal-label{font-size:.82rem;color:var(--color-ivory-faint);-webkit-margin-end:.2rem;margin-inline-end:.2rem}.surah-player-herhaal-keuze{min-width:44px;min-height:44px;padding:0 .9em;border-radius:999px;border:1px solid var(--color-night-border);background:transparent;color:var(--color-ivory-dim);font-size:.85rem;font-weight:600;cursor:pointer;touch-action:manipulation;transition:transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.surah-player-herhaal-keuze[aria-pressed=true]{border-color:var(--color-gold-deep);background:var(--color-gold-soft);color:var(--color-gold-deep)}.surah-player-herhaal-keuze:active{transform:scale(.97)}.surah-player-herhaal-keuze:focus-visible{outline:2px solid var(--color-gold-deep);outline-offset:2px}@media (prefers-reduced-motion:reduce){.surah-player-herhaal-keuze,.surah-player-vers{transition:none}.surah-player-herhaal-keuze:active,.surah-player-vers:active:not(:disabled){transform:none}}.meelezen{list-style:none;margin:0 0 var(--space-3,12px);padding:var(--space-2,8px);max-height:46vh;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2,8px);border-radius:var(--radius-md,12px);background:color-mix(in oklab,var(--color-shadow-ink) 14%,transparent)}.meelezen-leeg{padding:var(--space-3,12px);font-size:.9rem;opacity:.8}.meelezen-ayah{display:flex;flex-direction:column;gap:.3rem;padding:.7em .9em;border-radius:var(--radius-md,12px);opacity:.55;transition:opacity .3s ease,background .3s ease,transform .3s ease}.meelezen-ayah-actief{opacity:1;background:var(--accent-soft,color-mix(in oklab,var(--color-gold) 14%,transparent));box-shadow:inset 0 0 0 1px var(--accent,color-mix(in oklab,var(--color-gold) 55%,transparent))}.meelezen-arabic{font-size:1.65rem;line-height:2.2;text-align:right}.meelezen-ayah-actief .meelezen-arabic{text-shadow:0 0 18px color-mix(in oklab,var(--color-gold) 35%,transparent)}.meelezen-translit{font-size:.85rem;opacity:.85;font-style:italic}.meelezen-nl{font-size:.9rem}@media (prefers-reduced-motion:reduce){.meelezen-ayah{transition:none}}.meelezen-woord{opacity:.45;transition:opacity .16s ease,text-shadow .16s ease}.meelezen-woord[data-done=true]{opacity:.85}.meelezen-woord[data-on=true]{opacity:1;color:var(--accent,var(--color-gold));text-shadow:0 0 22px color-mix(in oklab,var(--color-gold) 75%,transparent),0 0 2px color-mix(in oklab,var(--color-gold) 90%,transparent)}@media (prefers-reduced-motion:reduce){.meelezen-woord{transition:none}}.meelezen-ayah[data-kiesbaar=true]{cursor:pointer}.meelezen-nummer{align-self:flex-start;min-width:44px;min-height:44px;border-radius:999px;border:1px solid var(--color-night-border);background:transparent;color:var(--color-gold-deep);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;cursor:pointer;transition:transform .16s cubic-bezier(.23,1,.32,1)}.meelezen-nummer:active{transform:scale(.97)}.meelezen-nummer:focus-visible{outline:2px solid var(--color-gold-deep);outline-offset:2px}@media (prefers-reduced-motion:reduce){.meelezen-nummer{transition:none}.meelezen-nummer:active{transform:none}}.soera-speler-houder{display:contents}.volle-speler{position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;gap:var(--space-3);padding:calc(env(safe-area-inset-top, 0px) + var(--space-3)) max(var(--space-4),env(safe-area-inset-right,0px)) calc(env(safe-area-inset-bottom, 0px) + var(--space-4)) max(var(--space-4),env(safe-area-inset-left,0px));overflow-y:auto;overscroll-behavior:contain;background:var(--color-night);animation:volle-speler-in .24s cubic-bezier(.23,1,.32,1)}@keyframes volle-speler-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.volle-speler{animation:none}}.volle-speler-kop{display:flex;align-items:center;justify-content:space-between;width:min(36rem,100%);margin-inline:auto}.volle-speler-sluit{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--color-night-border);background:var(--color-night-raised);color:var(--color-text);cursor:pointer;transition:transform .16s cubic-bezier(.23,1,.32,1)}.volle-speler-sluit:active{transform:scale(.97)}.volle-speler-naar:focus-visible,.volle-speler-sluit:focus-visible{outline:2px solid var(--color-gold-deep);outline-offset:2px}.volle-speler-naar{display:inline-flex;align-items:center;min-height:44px;padding:0 1em;border-radius:999px;color:var(--color-gold-deep);font-weight:600;text-decoration:none}.volle-speler-inhoud{width:min(36rem,100%);margin-inline:auto}@media (prefers-reduced-motion:reduce){.volle-speler-sluit{transition:none}.volle-speler-sluit:active{transform:none}}.surah-player-anders p{margin:0}