.un-view,.un-w-card,.un-focus{--und-said:var(--emerald-hi);--und-gloss:var(--muted)}@media (prefers-color-scheme:light){.un-view,.un-w-card,.un-focus{--und-said:#03684b}}.un-ico{place-items:center;display:inline-grid}.un-ico svg{width:1.1em;height:1.1em}[dir=rtl] .un-view .un-flip svg{transform:scaleX(-1)}.un-loading{margin:0}.un-back{color:var(--muted);font-size:var(--fs-small);justify-self:start;align-items:center;gap:.35rem;text-decoration:none;display:inline-flex}.un-back:hover{color:var(--ink)}.un-progress{font-size:var(--fs-small)}.un-empty{gap:var(--space-2);display:grid}.un-empty p{margin:0}.un-empty-title{font-weight:600}.un-hero{gap:var(--space-4);display:grid}.un-hero-text{font-size:var(--fs-h3);font-weight:600;line-height:var(--lh-snug);margin:0}.un-hero-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.un-hero-actions>a,.un-hero-actions>button{align-items:center;gap:.45rem;display:inline-flex}.un-lessons{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.un-lesson{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--line-soft);border-radius:var(--r-md);background:var(--surface-raised);color:var(--ink);transition:border-color .2s var(--ease), background-color .2s var(--ease);text-decoration:none;display:flex}.un-lesson:hover{border-color:color-mix(in srgb, var(--emerald) 55%, var(--line))}.un-lesson:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.un-num{border:1px solid color-mix(in srgb, var(--gold) 45%, var(--line));width:2rem;height:2rem;color:var(--gold-text);font-size:var(--fs-small);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;display:grid}.un-lesson.un-is-done .un-num{background:color-mix(in srgb, var(--emerald) 14%, transparent);border-color:color-mix(in srgb, var(--emerald) 50%, var(--line));color:var(--und-said)}.un-lesson-text{flex:1;gap:.1rem;min-width:0;display:grid}.un-lesson-title{font-weight:600}.un-lesson-sub{color:var(--muted);font-size:var(--fs-caption);flex-wrap:wrap;gap:.25rem .6rem;display:flex}.un-part{color:var(--gold-text)}.un-bar{border-radius:var(--r-pill);background:var(--line-soft);flex:none;width:4.5rem;height:.3rem;overflow:hidden}.un-bar>span{background:var(--emerald);border-radius:inherit;height:100%;display:block}.un-done{color:var(--und-said);flex:none;place-items:center;display:grid}.un-done svg{width:1.3rem;height:1.3rem}.un-source,.un-howto{margin:0}.un-items{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.un-item{gap:var(--space-3);transition:border-color .25s var(--ease);scroll-margin-top:5rem;display:grid}.un-item.un-is-learned{border-color:color-mix(in srgb, var(--emerald) 40%, var(--line))}.un-item.un-is-reciting{border-color:var(--gold)}.un-words{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-start;margin:0;display:flex}.un-word{border-radius:var(--r-sm);background:var(--surface-sunken);text-align:center;min-width:3.2rem;max-width:11rem;transition:color .2s var(--ease), border-color .2s var(--ease), background-color .2s var(--ease);border:1px solid #0000;align-content:start;justify-items:center;gap:.15rem;padding:.35rem .6rem .45rem;display:grid}.un-w-ar{font-size:clamp(1.45rem,1.2rem + 1vw,1.8rem);line-height:1.6}.un-w-en{font-family:var(--font-ui);font-size:var(--fs-caption);color:var(--und-gloss);line-height:1.3}.un-word.un-no-gloss{padding-bottom:.35rem}.un-word.un-is-next{border-color:color-mix(in srgb, var(--gold) 60%, transparent)}.un-word.un-is-preview .un-w-ar{color:color-mix(in srgb, var(--gold) 80%, var(--ink))}.un-word.un-is-said{background:color-mix(in srgb, var(--emerald) 12%, var(--surface-sunken))}.un-word.un-is-said .un-w-ar{color:var(--und-said)}.un-meaning{font-size:var(--fs-body);line-height:var(--lh-body);margin:0}.un-ref{margin:0}.un-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.un-actions>button{align-items:center;gap:.4rem;display:inline-flex}.un-recite[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.un-got[aria-pressed=true]{color:var(--und-said)}.un-status{color:var(--muted);min-height:1.2em;margin:0}.un-status:empty{display:none}.un-pager{justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;display:flex}.un-pager>a{align-items:center;gap:.4rem;display:inline-flex}.un-quiz{gap:var(--space-4);justify-items:stretch;display:grid}.un-quiz>p{margin:0}.un-quiz-prompt{color:var(--muted)}.un-quiz-word{text-align:center;color:var(--ink);font-size:clamp(2.2rem,1.6rem + 3vw,3.2rem);line-height:1.6}.un-opts{gap:var(--space-2);display:grid}@container view (min-width:600px){.un-opts{grid-template-columns:repeat(2,minmax(0,1fr))}}.un-opt{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface-raised);min-height:3rem;color:var(--ink);font:inherit;text-align:start;cursor:pointer;transition:border-color .2s var(--ease), background-color .2s var(--ease);align-items:center;gap:.7rem;padding:.6rem .9rem;display:flex}.un-opt:hover:not(:disabled){border-color:var(--gold)}.un-opt:disabled{cursor:default}.un-opt-key{border-radius:var(--r-xs);background:var(--surface-sunken);width:1.5rem;height:1.5rem;color:var(--muted);font-size:var(--fs-caption);flex:none;place-items:center;display:grid}.un-opt.un-is-right{border-color:var(--emerald);background:color-mix(in srgb, var(--emerald) 12%, var(--surface-raised))}.un-opt.un-is-wrong{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 10%, var(--surface-raised))}.un-opt:disabled:not(.un-is-right):not(.un-is-wrong){opacity:.6}.un-feedback{min-height:1.4em;font-weight:600}.un-feedback.un-is-right{color:var(--und-said)}.un-feedback.un-is-wrong{color:var(--ink);font-weight:500}.un-next{justify-self:start}.un-quiz-score{font-size:var(--fs-h3);font-weight:600}.un-w-card{border-radius:var(--r-lg);border:1px solid var(--line-soft);background:var(--surface-raised);height:100%;box-shadow:var(--shadow);gap:.35rem;padding:.9rem 1.1rem 1rem;display:grid}.un-w-head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.un-w-kicker{color:var(--gold-text);font-size:var(--fs-caption);letter-spacing:.02em;margin:0;font-weight:600}.un-w-hide{width:2rem;height:2rem;color:var(--faint);margin:-.4rem}.un-w-hide svg{width:1rem;height:1rem}.un-w-say{color:var(--muted);font-size:var(--fs-small);margin:0}.un-w-text-ar,.un-w-text-en{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.un-w-text-ar{font-size:1.35rem;line-height:1.75}.un-w-text-en{font-size:var(--fs-small);line-height:1.45}.un-w-actions{gap:var(--space-2);flex-wrap:wrap;margin-top:.3rem;display:flex}.un-focus{width:100%;max-width:none;height:100%;max-height:none;padding:var(--page-gutter);box-shadow:none;font-size:inherit;background:var(--night);color:var(--ink);border:0;border-radius:0;place-items:center;margin:0;transition:background-color 4s,color 4s;display:grid;position:fixed;inset:0;transform:none}.un-focus-inner{justify-items:center;gap:var(--space-4);text-align:center;max-width:40rem;animation:un-in .8s var(--ease) both;display:grid}.un-focus-inner>p{margin:0}.un-focus-kicker{color:var(--gold);font-size:var(--fs-small);letter-spacing:.04em}.un-focus-ar{font-size:clamp(1.9rem,1.3rem + 3vw,3rem);line-height:1.9}.un-focus-en{color:var(--muted);font-size:clamp(1.05rem,1rem + .5vw,1.3rem);line-height:1.55;transition:color 4s}.un-focus-ref{color:var(--faint);font-size:var(--fs-caption)}.un-focus-hint{color:var(--faint);font-size:var(--fs-small);transition:opacity 4s}.un-focus-done{margin-top:var(--space-4);transition:opacity 4s}.un-focus.un-is-dim{color:color-mix(in srgb, var(--ink) 78%, #020807);background:#020807}.un-focus.un-is-dim .un-focus-en{color:color-mix(in srgb, var(--muted) 70%, #020807)}.un-focus.un-is-dim .un-focus-hint{opacity:0}.un-focus.un-is-dim .un-focus-done{opacity:.45}.un-focus.un-is-dim .un-focus-done:focus-visible,.un-focus.un-is-dim .un-focus-done:hover{opacity:1}@media (prefers-color-scheme:light){.un-focus.un-is-dim{color:#d9e4de;background:#10201c}.un-focus.un-is-dim .un-focus-en{color:#a9bdb4}.un-focus.un-is-dim .un-focus-done{color:#d9e4de;border-color:#3a524a}}@keyframes un-in{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.un-focus,.un-focus-en,.un-focus-hint,.un-focus-done{transition:none}.un-focus-inner{animation:none}.un-word,.un-lesson,.un-opt,.un-item{transition:none}}