.q-root{--q-bg:#1d2021;--q-bg1:#282828;--q-bg2:#32302f;--q-line:#3c3836;--q-line2:#504945;--q-fg:#ebdbb2;--q-ink:#fbf1c7;--q-dim:#a89984;--q-faint:#7c6f64;--q-yellow:#fabd2f;--q-gold:#d79921;--q-orange:#fe8019;--q-aqua:#8ec07c;--q-green:#b8bb26;--q-blue:#83a598;--q-red:#fb4934;--q-purple:#d3869b;color:var(--q-fg);margin:1.75rem 0}.q-ar,.q-root .q-ar{font-family:var(--font-arabic),"Amiri","Noto Naskh Arabic",serif;font-feature-settings:"calt","liga";direction:rtl;unicode-bidi:isolate;line-height:1.9}.q-mushaf,.q-root .q-mushaf{font-family:var(--font-mushaf,var(--font-arabic)),serif;direction:rtl;unicode-bidi:isolate}.q-latin{font-family:var(--font-fira-code),monospace;color:var(--q-dim);letter-spacing:.01em;font-size:.72rem}.q-kicker{font-family:var(--font-fira-code),monospace;text-transform:lowercase;color:var(--q-faint);font-size:.68rem}.q-inline{font-family:var(--font-arabic),"Amiri",serif;color:var(--q-ink);direction:rtl;unicode-bidi:isolate;padding:0 .1em;font-size:1.35em;line-height:1}.lab-prose .q-root a[href],.lab-prose .q-root a[href]:hover{text-decoration:none}.q-say{border:1px solid var(--q-line2);background:var(--q-bg1);color:var(--q-ink);cursor:pointer;vertical-align:baseline;border-radius:.5rem;align-items:baseline;gap:.4rem;margin:.1rem;padding:.05rem .55rem .15rem;transition:border-color .15s,background .15s,transform .15s;display:inline-flex}.q-say:hover{border-color:var(--q-gold);background:var(--q-bg2)}.q-say[data-playing=true]{border-color:var(--q-aqua);box-shadow:0 0 0 3px #8ec07c26}.q-say .q-say-ar{font-family:var(--font-mushaf,var(--font-arabic)),serif;direction:rtl;font-size:1.45rem;line-height:1.6}.q-say .q-say-latin{font-family:var(--font-fira-code),monospace;color:var(--q-dim);font-size:.7rem}.q-play{border:1px solid var(--q-line2);background:var(--q-bg1);min-width:2rem;height:2rem;color:var(--q-fg);font-family:var(--font-fira-code),monospace;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:0 .6rem;font-size:.7rem;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.q-play:hover{border-color:var(--q-yellow);color:var(--q-yellow)}.q-play[data-playing=true]{border-color:var(--q-aqua);color:var(--q-aqua)}.q-play svg{flex:none;width:.85rem;height:.85rem}.q-play-solid{background:var(--q-yellow);border-color:var(--q-yellow);color:#1d2021;font-weight:600}.q-play-solid:hover{color:#1d2021;background:#fcd462}.q-bars{align-items:flex-end;gap:2px;height:.8rem;display:inline-flex}.q-bars i{background:currentColor;border-radius:1px;width:2px;animation:.9s ease-in-out infinite q-bar}.q-bars i:nth-child(2){animation-delay:.15s}.q-bars i:nth-child(3){animation-delay:.3s}@keyframes q-bar{0%,to{height:30%}50%{height:100%}}.q-hero{border:1px solid var(--q-line);text-align:center;background:radial-gradient(120% 90% at 50% 0,#3c3836 0%,#1d2021 70%);border-radius:1.25rem;padding:2.75rem 1.5rem 2.25rem;position:relative;overflow:hidden}.q-hero-pattern{opacity:.55;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 80% at 50% 45%,#0000 25%,#000 80%);mask-image:radial-gradient(70% 80% at 50% 45%,#0000 25%,#000 80%)}.q-hero-inner{flex-direction:column;align-items:center;gap:.75rem;display:flex;position:relative}.q-hero-word{cursor:pointer;width:13rem;height:13rem;color:var(--q-ink);background:0 0;border:none;place-items:center;display:grid;position:relative}.q-hero-word svg{width:100%;height:100%;transition:transform .6s;position:absolute;inset:0}.q-hero-word:hover svg{transform:rotate(22.5deg)}.q-hero-word span{font-family:var(--font-mushaf,var(--font-arabic)),serif;text-shadow:0 0 30px #fabd2f40;direction:rtl;padding-top:.6rem;font-size:4.25rem;line-height:1;position:relative}.q-hero-word[data-playing=true] span{color:var(--q-yellow)}.q-hero-caption p{margin:0}.q-hero-caption{max-width:30rem;color:var(--q-dim);margin:0;font-size:.92rem;line-height:1.6}.q-hero-caption b{color:var(--q-fg);font-weight:500}.q-progress{align-items:center;gap:.9rem;margin:1.5rem 0 1rem;display:flex}.q-progress-bar{background:var(--q-line);border-radius:999px;flex:1;height:6px;overflow:hidden}.q-progress-bar span{border-radius:inherit;background:linear-gradient(90deg,var(--q-gold),var(--q-yellow));height:100%;transition:width .4s;display:block}.q-steps{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex;position:relative}.q-step{border:1px solid var(--q-line);background:var(--q-bg1);border-radius:1rem;grid-template-columns:7.5rem minmax(0,1fr);gap:1.25rem;padding:1.25rem;display:grid}.q-step-art{aspect-ratio:1;background:var(--q-bg);border:1px solid var(--q-line);border-radius:.8rem;place-items:center;display:grid;position:relative;overflow:hidden}.q-step-art svg{opacity:.4;width:100%;height:100%;position:absolute;inset:0}.q-step-art span{font-family:var(--font-mushaf,var(--font-arabic)),serif;color:var(--q-ink);direction:rtl;padding-top:.4rem;font-size:1.9rem;line-height:1;position:relative}.q-step-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.q-step-head h3,.q-root .q-step-head h3{color:var(--q-yellow);margin:0;font-size:1.05rem}.q-step-head .q-ar{color:var(--q-dim);font-size:1.15rem;line-height:1}.q-step-blurb{color:var(--q-dim);margin:.35rem 0 .8rem;font-size:.85rem;line-height:1.55}.q-lessons{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.q-lessons li{margin:0}.q-lesson-chip,.q-root a.q-lesson-chip{border:1px solid var(--q-line2);color:var(--q-fg);background:0 0;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .65rem;font-size:.78rem;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.q-lesson-chip:hover,.q-root a.q-lesson-chip:hover{border-color:var(--q-yellow);color:var(--q-yellow)}.q-lesson-chip[data-done=true]{color:var(--q-green);border-color:#b8bb2673}.q-check{border:1px solid;border-radius:999px;place-items:center;width:.95rem;height:.95rem;font-size:.6rem;line-height:1;display:inline-grid}.q-lesson-cards{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.q-lesson-cards li{margin:0}.q-lesson-card,.q-root a.q-lesson-card{border:1px solid var(--q-line);background:var(--q-bg1);height:100%;color:var(--q-fg);border-radius:.9rem;flex-direction:column;gap:.35rem;padding:1rem 1.1rem;text-decoration:none;transition:border-color .15s,transform .15s;display:flex}.q-lesson-card:hover,.q-root a.q-lesson-card:hover{border-color:var(--q-gold);transform:translateY(-2px)}.q-lesson-card[data-done=true]{border-color:#b8bb2666}.q-lesson-card-top{justify-content:space-between;align-items:center;display:flex}.q-lesson-card-top .q-ar{color:var(--q-ink);font-size:1.3rem;line-height:1.2}.q-lesson-card strong{color:var(--q-yellow);font-size:.95rem;font-weight:600}.q-lesson-card p{color:var(--q-dim);margin:0;font-size:.8rem;line-height:1.5}.q-lesson-nav{border:1px solid var(--q-line);background:var(--q-bg1);border-radius:1rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:3rem;padding:1.1rem 1.25rem;display:flex}.q-done-toggle{border:1px solid var(--q-line2);color:var(--q-fg);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:.55rem;padding:.5rem .9rem;font-size:.82rem;transition:border-color .15s,color .15s;display:inline-flex}.q-done-toggle:hover{border-color:var(--q-green)}.q-done-toggle[data-done=true]{border-color:var(--q-green);color:var(--q-green)}.q-next,.q-root a.q-next{color:var(--q-yellow);flex-direction:column;align-items:flex-end;gap:.1rem;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.q-next small{font-family:var(--font-fira-code),monospace;color:var(--q-faint);font-size:.65rem;font-weight:400}.q-alphabet{direction:rtl;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;display:grid}.q-tile{aspect-ratio:1/1.08;border:1px solid var(--q-line);background:var(--q-bg1);color:var(--q-ink);cursor:pointer;border-radius:.8rem;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.4rem .2rem;transition:border-color .15s,background .15s,transform .15s;display:flex;position:relative}.q-tile:hover{border-color:var(--q-gold);transform:translateY(-2px)}.q-tile[data-selected=true]{border-color:var(--q-yellow);background:linear-gradient(#3c3836,#282828);box-shadow:0 0 0 3px #fabd2f1f}.q-tile[data-heavy=true]:after{content:"";background:var(--q-orange);border-radius:999px;width:5px;height:5px;position:absolute;top:.45rem;left:.45rem}.q-tile-glyph{font-family:var(--font-arabic),serif;font-size:clamp(1.6rem,3.2vw,2.4rem);line-height:1.2}.q-tile-name{font-family:var(--font-fira-code),monospace;color:var(--q-dim);direction:ltr;font-size:.62rem}.q-detail{border:1px solid var(--q-line2);background:linear-gradient(160deg,#32302f 0%,#1d2021 100%);border-radius:1.1rem;grid-template-columns:11rem minmax(0,1fr);gap:1.5rem;margin-top:1rem;padding:1.4rem;scroll-margin-top:6rem;display:grid}.q-detail-glyph{aspect-ratio:1;background:var(--q-bg);border:1px solid var(--q-line);cursor:pointer;border-radius:1rem;place-items:center;display:grid;position:relative;overflow:hidden}.q-detail-glyph svg{opacity:.5;width:100%;height:100%;position:absolute;inset:0}.q-detail-glyph span{font-family:var(--font-arabic),serif;color:var(--q-ink);padding-top:.8rem;font-size:5.5rem;line-height:1;position:relative}.q-detail-glyph[data-playing=true] span{color:var(--q-yellow)}.q-detail h3,.q-root .q-detail h3{color:var(--q-yellow);flex-wrap:wrap;align-items:baseline;gap:.6rem;margin:0;font-size:1.35rem;display:flex}.q-detail h3 .q-ar{color:var(--q-ink);font-size:1.5rem;font-weight:400;line-height:1.2}.q-detail p,.q-root .q-detail p{margin:.5rem 0 0;font-size:.88rem;line-height:1.6}.q-badges{flex-wrap:wrap;gap:.35rem;margin-top:.55rem;display:flex}.q-badge{border:1px solid var(--q-line2);font-family:var(--font-fira-code),monospace;color:var(--q-dim);border-radius:999px;padding:.12rem .5rem;font-size:.64rem}.q-badge[data-tone=heavy]{color:var(--q-orange);border-color:#fe801980}.q-badge[data-tone=light]{color:var(--q-blue);border-color:#83a59880}.q-badge[data-tone=stop]{color:var(--q-purple);border-color:#d3869b80}.q-uz{border-left:2px solid var(--q-aqua);color:var(--q-fg);background:#8ec07c12;margin-top:.6rem;padding:.45rem .7rem;font-size:.8rem}.q-detail-section{margin-top:1rem}.q-detail-row{direction:rtl;flex-wrap:wrap;gap:.45rem;margin-top:.4rem;display:flex}.q-forms{direction:rtl;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin-top:.4rem;display:grid}.q-form{border:1px solid var(--q-line);background:#1d202199;border-radius:.6rem;flex-direction:column;align-items:center;padding:.35rem .2rem .4rem;display:flex}.q-form .q-ar{color:var(--q-ink);font-size:2rem;line-height:1.5}.q-form .q-latin{direction:ltr;font-size:.6rem}.q-syl{border:1px solid var(--q-line2);background:var(--q-bg1);min-width:3.3rem;color:var(--q-ink);cursor:pointer;border-radius:.65rem;flex-direction:column;align-items:center;padding:.2rem .55rem .35rem;transition:border-color .15s,background .15s;display:inline-flex}.q-syl:hover{border-color:var(--q-yellow)}.q-syl[data-playing=true]{border-color:var(--q-aqua);background:#8ec07c14}.q-syl .q-ar{font-size:1.75rem;line-height:1.6}.q-syl .q-latin{font-size:.62rem}.q-families{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:.75rem;display:grid}.q-family{border:1px solid var(--q-line);background:var(--q-bg1);border-radius:1rem;padding:1rem}.q-family-row{direction:rtl;flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.q-family-skeleton{border:1px dashed var(--q-line2);width:3.6rem;height:3.9rem;font-family:var(--font-arabic),serif;color:var(--q-faint);border-radius:.7rem;place-items:center;font-size:2.2rem;line-height:1;display:grid}.q-family-arrow{color:var(--q-faint);font-size:.8rem}.q-family-members{flex-wrap:wrap;gap:.35rem;display:flex}.q-family-members .q-syl .q-ar{font-size:2rem}.q-family p{color:var(--q-dim);margin:.7rem 0 0;font-size:.78rem;line-height:1.5}.q-table-wrap{border:1px solid var(--q-line);background:var(--q-bg1);border-radius:1rem;overflow-x:auto}.q-table{border-collapse:collapse;direction:rtl;width:100%;margin:0!important}.q-table th,.q-table td{text-align:center;padding:.25rem .5rem;border-bottom:1px solid var(--q-line)!important;background:0 0!important;border-top:none!important;border-left:none!important;border-right:none!important}.q-table th{font-family:var(--font-fira-code),monospace;color:var(--q-faint);direction:ltr;font-size:.65rem;font-weight:400}.q-table tr:last-child td{border-bottom:none!important}.q-table td .q-ar{color:var(--q-ink);font-size:1.85rem;line-height:1.6}.q-table tr[data-stop=true] td .q-ar{color:var(--q-purple)}.q-table tr:hover td{background:#fabd2f0a!important}.q-table td.q-table-name{font-family:var(--font-fira-code),monospace;color:var(--q-dim);direction:ltr;font-size:.7rem}.q-joiner{border:1px solid var(--q-line2);background:linear-gradient(160deg,#32302f 0%,#1d2021 100%);border-radius:1.1rem;padding:1.25rem}.q-joiner-out{background:var(--q-bg);border:1px solid var(--q-line);border-radius:.8rem;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;min-height:9rem;padding:1rem;display:flex}.q-joiner-word{font-family:var(--font-arabic),serif;color:var(--q-ink);direction:rtl;font-size:3.6rem;line-height:1.5}.q-joiner-parts{font-family:var(--font-arabic),serif;color:var(--q-faint);direction:rtl;gap:.6rem;font-size:1.5rem;display:flex}.q-joiner-parts span[data-stop=true]{color:var(--q-purple)}.q-joiner-hint{color:var(--q-dim);text-align:center;font-size:.8rem}.q-keyboard{direction:rtl;grid-template-columns:repeat(10,minmax(0,1fr));gap:.3rem;margin-top:.9rem;display:grid}.q-key{border:1px solid var(--q-line2);background:var(--q-bg1);color:var(--q-ink);font-family:var(--font-arabic),serif;cursor:pointer;border-radius:.5rem;padding:.15rem 0 .25rem;font-size:1.4rem;line-height:1.5}.q-key:hover{border-color:var(--q-yellow)}.q-key[data-stop=true]{color:var(--q-purple)}.q-key-wide{font-family:var(--font-fira-code),monospace;color:var(--q-dim);grid-column:span 2;font-size:.7rem}.q-presets{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.75rem;display:flex}.q-makharij{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.q-mouth{border:1px solid var(--q-line);background:radial-gradient(100% 100% at 30% 30%,#32302f,#1d2021);border-radius:1.1rem;padding:.5rem}.q-mouth svg{width:100%;height:auto;display:block}.q-mouth .q-spot{cursor:pointer}.q-mouth .q-spot circle{transition:r .15s,fill .15s}.q-mouth .q-spot:hover circle.q-spot-dot,.q-mouth .q-spot[data-active=true] circle.q-spot-dot{fill:var(--q-yellow)}.q-mouth .q-spot[data-active=true] circle.q-spot-ring{opacity:1}.q-zones{flex-direction:column;gap:.4rem;display:flex}.q-zone{border:1px solid var(--q-line);background:var(--q-bg1);width:100%;color:var(--q-fg);text-align:left;cursor:pointer;border-radius:.75rem;grid-template-columns:1.6rem minmax(0,1fr);align-items:start;gap:.6rem;padding:.55rem .7rem;transition:border-color .15s;display:grid}.q-zone[data-active=true]{border-color:var(--q-yellow);background:linear-gradient(160deg,#32302f,#282828)}.q-zone-num{background:var(--q-line);width:1.6rem;height:1.6rem;font-family:var(--font-fira-code),monospace;color:var(--q-ink);border-radius:999px;place-items:center;font-size:.65rem;display:grid}.q-zone[data-active=true] .q-zone-num{background:var(--q-yellow);color:#1d2021}.q-zone-title{font-size:.82rem;font-weight:600}.q-zone-text{color:var(--q-dim);margin:.15rem 0 0;font-size:.75rem;line-height:1.45}.q-zone .q-detail-row{justify-content:flex-end}.q-grid-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.75rem;display:flex}.q-marks{gap:.5rem;display:flex}.q-mark-card{border:1px solid var(--q-line);background:var(--q-bg1);border-radius:.8rem;flex-direction:column;align-items:center;min-width:5.5rem;padding:.5rem .7rem .55rem;display:flex}.q-mark-card .q-ar{color:var(--q-ink);font-size:2.6rem;line-height:1.4}.q-mark-card strong{color:var(--q-yellow);font-size:.75rem}.q-mark-card span.q-latin{font-size:.6rem}.q-syl-grid{direction:rtl;gap:.35rem;display:grid}.q-syl-row{grid-template-columns:3.2rem repeat(var(--cols),minmax(0,1fr));align-items:stretch;gap:.35rem;display:grid}.q-syl-row>.q-syl-letter{background:var(--q-bg);border:1px dashed var(--q-line2);font-family:var(--font-arabic),serif;color:var(--q-faint);border-radius:.65rem;place-items:center;font-size:1.5rem;line-height:1.5;display:grid}.q-syl-row .q-syl{width:100%;min-width:0}.q-toolbar{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.q-chip{border:1px solid var(--q-line2);color:var(--q-dim);font-family:var(--font-fira-code),monospace;cursor:pointer;background:0 0;border-radius:999px;padding:.25rem .65rem;font-size:.68rem;transition:border-color .15s,color .15s}.q-chip:hover{color:var(--q-fg)}.q-chip[data-on=true]{border-color:var(--q-yellow);color:var(--q-yellow)}.q-quiz{border:1px solid var(--q-line2);background:radial-gradient(80% 60% at 50% 0%,#fabd2f12,transparent 70%),var(--q-bg1);border-radius:1.1rem;padding:1.4rem}.q-quiz-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.q-quiz-title{color:var(--q-yellow);font-size:.95rem;font-weight:600}.q-quiz-score{font-family:var(--font-fira-code),monospace;color:var(--q-dim);font-size:.72rem}.q-quiz-dots{gap:4px;margin-bottom:1.1rem;display:flex}.q-quiz-dots i{background:var(--q-line);border-radius:999px;flex:1;height:4px}.q-quiz-dots i[data-state=right]{background:var(--q-green)}.q-quiz-dots i[data-state=wrong]{background:var(--q-red)}.q-quiz-dots i[data-state=now]{background:var(--q-yellow)}.q-quiz-listen{flex-direction:column;align-items:center;gap:.6rem;margin-bottom:1.2rem;display:flex}.q-quiz-big{border:1px solid var(--q-gold);width:5rem;height:5rem;color:var(--q-yellow);cursor:pointer;background:radial-gradient(circle,#fabd2f2e,#0000 70%);border-radius:999px;place-items:center;transition:transform .15s;display:grid}.q-quiz-big:hover{transform:scale(1.05)}.q-quiz-big svg{width:1.7rem;height:1.7rem}.q-quiz-big[data-playing=true]{animation:1.2s ease-out infinite q-pulse}@keyframes q-pulse{0%{box-shadow:0 0 #fabd2f59}to{box-shadow:0 0 0 18px #fabd2f00}}.q-quiz-options{direction:rtl;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;display:grid}.q-option{border:1px solid var(--q-line2);background:var(--q-bg);color:var(--q-ink);cursor:pointer;border-radius:.85rem;flex-direction:column;align-items:center;padding:.35rem .3rem .5rem;transition:border-color .15s,background .15s,transform .15s;display:flex}.q-option:hover:not(:disabled){border-color:var(--q-yellow);transform:translateY(-2px)}.q-option:disabled{cursor:default}.q-option .q-ar{font-size:2.3rem;line-height:1.6}.q-option[data-state=right]{border-color:var(--q-green);background:#b8bb261a}.q-option[data-state=wrong]{border-color:var(--q-red);background:#fb49341a}.q-quiz-foot{justify-content:space-between;align-items:center;gap:1rem;min-height:2.25rem;margin-top:1rem;font-size:.82rem;display:flex}.q-quiz-foot[data-state=right]{color:var(--q-green)}.q-quiz-foot[data-state=wrong]{color:var(--q-red)}.q-quiz-result{text-align:center;flex-direction:column;align-items:center;gap:.6rem;padding:1rem 0;display:flex}.q-quiz-result strong{color:var(--q-yellow);font-size:2.2rem;font-family:var(--font-fira-code),monospace}.q-showcase{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.6rem;display:grid}.q-show{border:1px solid var(--q-line);background:var(--q-bg1);color:var(--q-ink);text-align:center;cursor:pointer;border-radius:.9rem;flex-direction:column;align-items:center;gap:.2rem;padding:.7rem .6rem .8rem;transition:border-color .15s,transform .15s;display:flex}.q-show:hover{border-color:var(--q-gold);transform:translateY(-2px)}.q-show[data-playing=true]{border-color:var(--q-aqua)}.q-show .q-mushaf{font-size:2.3rem;line-height:1.7}.q-show .q-word-latin{font-family:var(--font-fira-code),monospace;color:var(--q-aqua);font-size:.7rem}.q-show small{color:var(--q-dim);font-size:.7rem;line-height:1.35}.q-show em{font-style:normal;font-family:var(--font-fira-code),monospace;color:var(--q-faint);font-size:.6rem}@media (max-width:720px){.q-alphabet{grid-template-columns:repeat(5,minmax(0,1fr))}.q-detail{grid-template-columns:minmax(0,1fr)}.q-detail-glyph{width:100%;max-width:10rem;margin:0 auto}.q-makharij,.q-step{grid-template-columns:minmax(0,1fr)}.q-step-art{aspect-ratio:auto;height:5.5rem}.q-quiz-options{grid-template-columns:repeat(2,minmax(0,1fr))}.q-keyboard{grid-template-columns:repeat(7,minmax(0,1fr))}}
@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(../media/05d29f0ed5b0e698-s.p.6d7a8113.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d48a75a69535be63-s.c9bb3b6c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(../media/648474ecaeaf4c9a-s.caba5483.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(../media/291696193ea1e96b-s.p.6ef5e8dc.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(../media/966a9c3087fc8ac2-s.e14add99.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1062333f2bd32cfe-s.7f0fdb38.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Amiri Fallback;src:local(Times New Roman);ascent-override:112.47%;descent-override:63.44%;line-gap-override:0.0%;size-adjust:99.94%}.amiri_3bd3ce4f-module__v5I-VW__className{font-family:Amiri,Amiri Fallback;font-style:normal}.amiri_3bd3ce4f-module__v5I-VW__variable{--font-arabic:"Amiri","Amiri Fallback"}