.namen-wrap{padding-bottom:var(--space-4)}.namen-soft{color:var(--color-ivory-faint);font-size:.95rem}.namen-eyebrow{display:block;font-family:var(--font-mono,ui-monospace,monospace);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-gold-deep)}.namen-modus{display:flex;gap:.5rem;margin:var(--space-3) 0}.namen-modus-knop{border:1px solid var(--color-night-border);background:var(--color-night-raised);color:var(--color-ivory-dim);border-radius:999px;padding:.45rem .95rem;font-size:.85rem;cursor:pointer;transition:transform .14s cubic-bezier(.16,1,.3,1),border-color .14s ease}.namen-modus-knop:active{transform:scale(.97)}.namen-modus-knop.on{border-color:var(--color-gold);color:var(--color-gold-hi);box-shadow:0 0 0 3px color-mix(in oklch,var(--color-gold) 18%,transparent)}.namen-hero{display:grid;grid-gap:.3rem;gap:.3rem;justify-items:start;padding:1.4rem 1.4rem 1.2rem;margin:var(--space-3) 0;border-radius:var(--radius-lg);background:linear-gradient(160deg,color-mix(in oklch,var(--color-gold) 16%,var(--color-night-raised)),var(--color-night-raised));border:1px solid color-mix(in oklch,var(--color-gold) 40%,var(--color-night-border));text-decoration:none;color:inherit;transition:transform .18s cubic-bezier(.16,1,.3,1)}.namen-hero:hover{transform:translateY(-2px)}.namen-hero-arabic{font-size:clamp(2.6rem,9vw,3.6rem);line-height:1.25;color:var(--color-gold-hi);justify-self:stretch;text-align:right}.namen-hero-translit{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-ivory)}.namen-hero-meaning{color:var(--color-ivory-dim)}.namen-hero-cta{margin-top:.6rem;font-size:.85rem;color:var(--color-gold-hi);border-bottom:1px solid}.namen-stand{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.1rem;margin:var(--space-2) 0 var(--space-3);font-size:.85rem;color:var(--color-ivory-dim)}.namen-stand-item strong{color:var(--color-ivory);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.namen-noor{display:inline-flex;gap:4px;margin-left:auto}.namen-noor i{width:8px;height:8px;border-radius:50%;background:var(--color-night-border)}.namen-noor i[data-aan="1"]{background:var(--color-gold);box-shadow:0 0 8px color-mix(in oklch,var(--color-gold) 70%,transparent)}.namen-grid,.namen-zij{list-style:none;margin:0;padding:0}.namen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:.6rem;gap:.6rem}.namen-zij{display:grid;grid-gap:2px;gap:2px}.namen-item{position:relative;display:grid;grid-gap:.2rem;gap:.2rem;padding:.9rem 1rem;border-radius:var(--radius-lg);background:var(--color-night-raised);border:1px solid var(--color-night-border);text-decoration:none;color:inherit;transition:transform .18s cubic-bezier(.16,1,.3,1),border-color .18s ease}.namen-item:hover{transform:translateY(-2px);border-color:var(--color-gold)}.namen-zij .namen-item{grid-template-columns:2rem 1fr auto;align-items:center;gap:.5rem;padding:.45rem .7rem;border-radius:10px;border-color:transparent;background:transparent}.namen-zij .namen-item.actief,.namen-zij .namen-item:hover{background:var(--color-night-raised);border-color:var(--color-night-border);transform:none}.namen-zij .namen-item.actief .namen-translit{color:var(--color-gold-hi)}.namen-num{font-size:.72rem;color:var(--color-ivory-faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.namen-grid .namen-num{position:absolute;top:.7rem;right:.9rem}.namen-arabic{font-size:1.6rem;line-height:1.25;color:var(--color-gold-hi)}.namen-zij .namen-arabic{font-size:1.05rem;text-align:right}.namen-translit{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-ivory)}.namen-zij .namen-translit{font-size:.82rem;font-weight:500;grid-column:2;grid-row:2}.namen-zij .namen-arabic{grid-column:2;grid-row:1;text-align:left}.namen-zij .namen-num{grid-column:1;grid-row:1/span 2}.namen-zij .namen-licht{grid-column:3;grid-row:1/span 2}.namen-meaning{font-size:.85rem;color:var(--color-ivory-dim)}.namen-licht{position:absolute;left:.9rem;bottom:.8rem;width:7px;height:7px;border-radius:50%;background:var(--color-night-border)}.namen-zij .namen-licht{position:static}.namen-item[data-status=leren] .namen-licht{background:color-mix(in oklch,var(--color-gold) 45%,var(--color-night-border))}.namen-item[data-status=herhalen] .namen-licht{background:var(--color-gold);box-shadow:0 0 8px color-mix(in oklch,var(--color-gold) 70%,transparent)}.namen-item[data-status=gekend] .namen-licht{background:var(--color-green,var(--color-green))}.namen-grid .namen-item[data-status=gekend],.namen-grid .namen-item[data-status=herhalen]{padding-left:1.6rem}.namen-note{margin-top:var(--space-4);font-size:.85rem;color:var(--color-gold-deep);max-width:48ch}.namen-kolommen{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.namen-zijkant{display:none}.namen-stap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:.5rem;gap:.5rem;margin-top:var(--space-3)}.namen-stap-link{color:var(--color-gold-hi);text-decoration:none;font-size:.9rem}.namen-stap-link:last-child{text-align:right}.namen-stap-midden{color:var(--color-ivory-faint)}@media (min-width:1100px){.namen-kolommen{grid-template-columns:minmax(0,1fr) 300px;align-items:start}.namen-zijkant{display:block;position:-webkit-sticky;position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow:auto;padding:.4rem;border:1px solid var(--color-night-border);border-radius:var(--radius-lg);background:color-mix(in oklch,var(--color-night-raised) 60%,transparent)}}.nk{display:grid;grid-gap:1.1rem;gap:1.1rem;padding:1.3rem 1.3rem 1.5rem;border-radius:var(--radius-lg);background:var(--color-night-raised);border:1px solid var(--color-night-border);animation:nk-in .42s cubic-bezier(.16,1,.3,1) both}@keyframes nk-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.nk-kop{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--color-ivory-faint)}.nk-status{font-family:var(--font-mono,ui-monospace,monospace);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase}.nk-status-herhalen{color:var(--color-gold-hi)}.nk-status-gekend{color:var(--color-green,var(--color-green))}.nk-laag{display:grid;grid-gap:.4rem;gap:.4rem;padding-top:.9rem;border-top:1px solid var(--color-night-border)}.nk-zien{border-top:0;padding-top:0;justify-items:center;text-align:center}.nk-laag-titel{margin:0;font-family:var(--font-mono,ui-monospace,monospace);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-gold-deep);font-weight:500}.nk-arabic{margin:.2rem 0 0;font-size:clamp(3rem,12vw,4.4rem);line-height:1.3;color:var(--color-gold-hi);text-shadow:0 0 28px color-mix(in oklch,var(--color-gold) 35%,transparent)}.nk-kind .nk-arabic{font-size:clamp(3.6rem,16vw,5.6rem)}.nk-translit{margin:0;font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--color-ivory)}.nk-voorlees{margin:.2rem 0 0;font-size:.9rem;color:var(--color-ivory-dim);font-style:italic}.nk-betekenis{margin:0;font-size:1.2rem;color:var(--color-ivory)}.nk-kind .nk-betekenis{font-size:1.45rem}.nk-noot{margin:0;font-size:.8rem;color:var(--color-ivory-faint)}.nk-ref{margin:0;font-size:.95rem;color:var(--color-ivory-dim)}.nk-ayah{margin:.2rem 0 0;padding:.9rem 1rem;border-left:2px solid var(--color-gold-deep);background:color-mix(in oklch,var(--color-gold) 6%,transparent);border-radius:0 10px 10px 0;display:grid;grid-gap:.4rem;gap:.4rem}.nk-ayah-ar{margin:0;font-size:1.45rem;line-height:1.8;color:var(--color-gold-hi)}.nk-ayah-nl{margin:0;color:var(--color-ivory)}.nk-link{justify-self:start;color:var(--color-gold-hi);font-size:.9rem}.nk-daad{margin:0;font-size:1.05rem;color:var(--color-ivory)}.nk-doen{background:color-mix(in oklch,var(--color-gold) 8%,transparent);border-radius:12px;padding:.9rem 1rem;border-top:0}.nk-knop{justify-self:start;border:0;border-radius:12px;padding:.7rem 1.2rem;font-size:.95rem;font-weight:600;color:var(--color-ivory);background:linear-gradient(180deg,var(--color-gold-hi),var(--color-gold));cursor:pointer;transition:transform .14s cubic-bezier(.16,1,.3,1),filter .14s ease}.nk-knop:hover{filter:brightness(1.05)}.nk-knop:active{transform:scale(.97)}.nk-knop:disabled{opacity:.5;cursor:default}.nk-knop-licht{background:transparent;color:var(--color-gold-hi);border:1px solid var(--color-gold-deep)}.nk-zien .nk-knop{justify-self:center}.nk-keuzes{list-style:none;margin:0;padding:0;display:grid;grid-gap:.5rem;gap:.5rem}.nk-keuze{width:100%;text-align:left;border:1px solid var(--color-night-border);background:transparent;color:var(--color-ivory);border-radius:12px;padding:.8rem 1rem;font-size:1rem;cursor:pointer;transition:border-color .14s ease,transform .14s cubic-bezier(.16,1,.3,1)}.nk-keuze:hover{border-color:var(--color-gold)}.nk-keuze:active{transform:scale(.99)}.nk-feedback{margin:0;padding:.8rem 1rem;border-radius:12px;font-size:1rem}.nk-goed{background:color-mix(in oklch,var(--color-green,var(--color-green)) 16%,transparent)}.nk-fout,.nk-goed{color:var(--color-ivory)}.nk-fout{background:color-mix(in oklch,var(--color-gold) 12%,transparent)}.nk-baby{justify-items:center;text-align:center;padding:2.2rem 1.3rem;gap:.6rem}.nk-baby-arabic{margin:0;font-size:clamp(4rem,20vw,7rem);line-height:1.3;color:var(--color-gold-hi);text-shadow:0 0 40px color-mix(in oklch,var(--color-gold) 40%,transparent);animation:nk-adem 7s ease-in-out infinite}@keyframes nk-adem{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.nk-baby-translit{margin:0;font-family:var(--font-display);font-size:1.2rem;color:var(--color-ivory-dim)}.nk-baby-zin{margin:.4rem 0 .6rem;font-size:.9rem;color:var(--color-ivory-faint);max-width:30ch}.nk-knop.aan{filter:brightness(.9)}.nk-compact{margin-top:.6rem}.namen-vandaag{margin:var(--space-3) 0}@media (prefers-reduced-motion:reduce){.nk,.nk-baby-arabic{animation:none}.namen-hero,.namen-item,.namen-modus-knop,.nk-keuze,.nk-knop{transition:none}}.namen-hero-noot{display:block;margin-top:var(--space-1);font-size:.72rem;color:var(--color-ivory-dim)}.namen-meaning[data-nog-na-te-kijken]:after{content:" (nog na te kijken)";opacity:.75;font-size:.9em}