@font-face{font-family:Amiri Quran;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/amiri-quran-arabic-400-normal-wRcqfVJx.woff2)format("woff2"),url(/assets/amiri-quran-arabic-400-normal-CZ144KtP.woff)format("woff")}:root{--bg:#fbf8f1;--surface:#fff;--surface-2:#f3eee2;--text:#1f2a24;--muted:#6b7570;--border:#e6dfcf;--primary:#14532d;--primary-soft:#e3efe6;--gold:#b8892b;--active:#fff4d6;--danger:#b42318;--font-ar:"Amiri Quran", "Scheherazade New", "Traditional Arabic", serif;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111613;--surface:#1a211d;--surface-2:#222b26;--text:#e9ece8;--muted:#9aa49e;--border:#2d3832;--primary:#6fcf97;--primary-soft:#1f3528;--gold:#e7c873;--active:#2c2a1c;--danger:#f97066;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,select,input{font:inherit;color:inherit}.muted{color:var(--muted)}.small{font-size:.85rem}.center{text-align:center}.error{color:var(--danger)}.row{flex-wrap:wrap;gap:8px;display:flex}.page{max-width:820px;margin:0 auto;padding:16px}.topbar{z-index:10;background:var(--primary);color:#fff;align-items:center;gap:8px;padding:8px 12px;display:flex;position:sticky;top:0}@media (prefers-color-scheme:dark){.topbar{background:#0f2a1b}}.topbar h1{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:1.1rem;overflow:hidden}.topbar .chip{color:#fff;background:#ffffff26;border-color:#0000}.icon-btn{border-radius:50%;place-items:center;width:40px;height:40px;font-size:2rem;line-height:1;display:grid}.icon-btn:hover{background:#ffffff1f}.dl-state.ok{opacity:.9;font-size:.85rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:block}.card h2{margin:0 0 8px;font-size:1.05rem}.badge{background:var(--surface-2);color:var(--muted);border-radius:99px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.chip{border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:99px;padding:6px 12px;font-size:.85rem}.chip.on{background:var(--primary);border-color:var(--primary);color:var(--bg)}.chip:disabled{opacity:.7}.btn{border:1px solid var(--primary);background:var(--primary);color:var(--bg);cursor:pointer;border-radius:10px;padding:8px 14px}.btn.danger{border-color:var(--danger);color:var(--danger);background:0 0}.home .hero{text-align:center;padding:24px 0 12px}.hero h1{color:var(--primary);margin:0;font-size:2rem}.hero-ar{font-family:var(--font-ar);color:var(--gold);margin:0 0 4px;font-size:2.2rem}.continue{border-color:var(--gold);flex-direction:column;margin-bottom:16px;display:flex}.section-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;display:grid}.section{flex-direction:column;gap:4px;min-height:130px;transition:transform .1s;display:flex;position:relative}.section:hover{border-color:var(--primary);transform:translateY(-2px)}.section.soon{opacity:.75}.section .badge{position:absolute;top:12px;right:12px}.section-icon{font-size:1.8rem;font-family:var(--font-ar);color:var(--primary);line-height:1.2}.settings-link{text-align:center;color:var(--muted);margin-top:24px;display:block}.search{border:1px solid var(--border);background:var(--surface);border-radius:12px;width:100%;margin-bottom:12px;padding:12px 14px}.surah-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.surah-row{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:10px 14px;display:flex}.surah-row:hover{border-color:var(--primary)}.surah-num{background:var(--primary-soft);width:36px;height:36px;color:var(--primary);border-radius:10px;flex:none;place-items:center;font-size:.9rem;font-weight:600;display:grid}.surah-info{flex-direction:column;flex:1;min-width:0;display:flex}.surah-ar{font-family:var(--font-ar);color:var(--primary);font-size:1.4rem}.toolbar{z-index:9;background:var(--bg);border-bottom:1px solid var(--border);gap:6px;padding:8px 12px;display:flex;position:sticky;top:56px;overflow-x:auto}.toolbar-sep{flex:1}.reader{padding-bottom:140px}.surah-head{text-align:center;padding:8px 0 4px}.surah-head-ar{font-family:var(--font-ar);color:var(--primary);margin:0;font-size:2rem}.bismillah{font-family:var(--font-ar);font-size:calc(var(--ar-size) * .95);text-align:center;border-radius:var(--radius);margin:8px 0 16px;padding:8px}.bismillah.active{background:var(--active)}.ayah{border-bottom:1px solid var(--border);border-radius:var(--radius);gap:12px;padding:16px 12px;scroll-margin-top:120px;transition:background .2s;display:flex}.ayah.active{background:var(--active);border-bottom-color:#0000}.ayah-side{flex-direction:column;flex:none;align-items:center;gap:8px;display:flex}.ayah-num{color:var(--muted);font-size:.8rem;font-weight:600}.play-btn{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--primary);cursor:pointer;border-radius:50%;font-size:.8rem}.ayah-body{flex:1;min-width:0}.ayah-ar{font-family:var(--font-ar);font-size:var(--ar-size,34px);text-align:right;word-spacing:.1em;margin:0;line-height:2.1}.ayah-ar .word{cursor:pointer;border-radius:6px;padding:0 2px}.ayah-ar .word:hover{background:var(--primary-soft)}.ayah-ar.wbw{flex-wrap:wrap;gap:4px 14px;line-height:1.8;display:flex}.ayah-ar.wbw .word{flex-direction:column;align-items:center;padding:2px 4px;display:inline-flex}.ayah-ar.wbw .word-ar{line-height:2.2}.word-m{color:var(--muted);text-align:center;direction:ltr;max-width:9em;font-family:system-ui,sans-serif;font-size:.8rem;line-height:1.2}.ayah-end{color:var(--gold);white-space:nowrap;padding:0 4px}.ayah-ar.wbw .ayah-end{align-self:flex-start}.translit{color:var(--muted);margin:8px 0 0;font-style:italic}.meal{margin:10px 0 0;font-size:1.02rem}.ayah-meta{margin:6px 0 0}.credit{margin-top:24px}.player{z-index:20;background:var(--surface);border-top:1px solid var(--border);padding:10px 16px calc(10px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000f}.player-row{align-items:center;gap:10px;max-width:820px;margin:0 auto;display:flex}.player-main{background:var(--primary);width:48px;height:48px;color:var(--bg);cursor:pointer;border:none;border-radius:50%;flex:none;font-size:1rem}.player-info{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.player-opt{flex-direction:column;align-items:center;line-height:1.1;display:flex}.player-opt select{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:2px 4px}.player-error{max-width:820px;color:var(--danger);margin:0 auto 8px;font-size:.85rem}@media (width<=480px){.player-info .muted{display:none}.player-row{gap:6px}}.settings{gap:12px;display:grid}.reciter-list{gap:6px;display:grid}.reciter{border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.reciter.on{border-color:var(--primary);background:var(--primary-soft)}.settings input[type=range]{width:100%;accent-color:var(--primary)}.preview{text-align:center}.empty{text-align:center;padding:32px 16px}.block{display:block}.spacer{flex:1}.btn.big{text-align:center;width:100%;padding:12px 16px;font-weight:600;display:block}.btn.ghost{color:var(--primary);background:0 0}.btn:disabled{opacity:.5}.done-text{color:var(--primary);font-weight:600}.option-list{gap:8px;display:grid}.option{border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.option input{margin-top:4px}.option.on{border-color:var(--primary);background:var(--primary-soft)}.chip-grid{flex-wrap:wrap;gap:6px;display:flex}.chip-grid.surahs{max-height:220px;padding:2px;overflow-y:auto}.number-choice+.number-choice{margin-top:12px}.number-choice p{margin:0 0 6px}.settings h3{margin:12px 0 6px}.hifz-home{gap:12px;display:grid}.flash{border-color:var(--primary);background:var(--primary-soft)}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{text-align:center;flex-direction:column;align-items:center;padding:10px 6px;display:flex}.stat strong{font-size:1.4rem;line-height:1.2}.card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.sabak-card{border-color:var(--gold)}.sabak-range{margin:4px 0 0;font-size:1.15rem;font-weight:600}.sabak-card .btn.big{margin-top:12px}.review-list{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.review-row{border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.review-row:hover{border-color:var(--primary)}.review-row.done{opacity:.6}.review-check{border:2px solid var(--border);width:22px;height:22px;color:var(--primary);border-radius:50%;flex:none;place-items:center;font-size:.8rem;font-weight:700;display:grid}.review-row.done .review-check{border-color:var(--primary)}.review-name{flex:1}.risk{border-radius:99px;padding:2px 8px;font-size:.75rem;font-weight:600}.risk.low{background:var(--primary-soft);color:var(--primary)}.risk.mid{color:#8a5a00;background:#fdf0c8}.risk.high{color:#b42318;background:#fde2df}.tip p{margin:4px 0 0}.memory-map{gap:3px;display:grid}.map-row{align-items:center;gap:6px;display:flex}.map-juz{text-align:right;width:20px;color:var(--muted);flex:none;font-size:.7rem}.map-cells{flex-wrap:wrap;gap:2px;display:flex}.map-cell{background:var(--surface-2);border-radius:2px;width:11px;height:11px;display:inline-block}.map-cell.low{background:#2f9e5b}.map-cell.mid{background:#e0a526}.map-cell.high{background:#d9443a}.map-cell.partial{background:#9fd5b3}.map-legend{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.map-legend span{align-items:center;gap:4px;display:inline-flex}.session-head{z-index:9;background:var(--bg);border-bottom:1px solid var(--border);padding:10px 16px;position:sticky;top:56px}.session-head>*{max-width:820px;margin-left:auto;margin-right:auto}.session-head p{margin:4px auto 8px}.progress{background:var(--surface-2);border-radius:99px;height:6px;margin-bottom:8px;overflow:hidden}.progress-bar{background:var(--primary);height:100%;transition:width .3s}.step-info p{margin:2px 0 0}.session{padding-bottom:200px}.mem-ayah{border-radius:var(--radius);border-right:4px solid #0000;margin-bottom:6px;padding:10px 12px;transition:background .2s}.mem-ayah.active{background:var(--active)}.mem-ayah.weak{border-right-color:var(--gold)}.mem-ayah.mistake{border-right-color:var(--danger);background:#fde2df}@media (prefers-color-scheme:dark){.mem-ayah.mistake{background:#3a1f1c}}.word.ghost,.word .ghost{color:#0000;background:var(--surface-2);cursor:pointer;border-radius:6px}.word .ghost{border-bottom:2px dotted var(--border);background:0 0}.word.partial{cursor:pointer}.as-btn{font:inherit;cursor:pointer;background:0 0;border:none}.as-btn:disabled{cursor:default;color:var(--gold)}.weak-note{color:var(--gold)}.session-actions{z-index:20;background:var(--surface);border-top:1px solid var(--border);padding:12px 16px calc(12px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000f}.session-actions>*{max-width:820px;margin-left:auto;margin-right:auto}.actions{align-items:center}.retry p{margin:0 0 10px}.grade-panel p{margin:0 0 8px}.grade-buttons{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}@media (width<=560px){.grade-buttons{grid-template-columns:repeat(2,1fr)}}.grade{border:2px solid var(--border);background:var(--surface);cursor:pointer;text-align:center;border-radius:10px;flex-direction:column;gap:2px;padding:10px 8px;line-height:1.25;display:flex}.grade .small{color:var(--muted)}.grade.g1 strong{color:var(--danger)}.grade.g2 strong{color:#b7791f}.grade.g3 strong,.grade.g4 strong{color:var(--primary)}.grade.suggested{border-color:var(--primary);background:var(--primary-soft)}[lang=ar]{font-family:var(--font-ar)}.elifba-home{gap:12px;display:grid}.intro .btn.big{margin-top:12px}.lesson-list{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.lesson-row{border:1px solid var(--border);border-radius:10px;grid-template-columns:1fr auto;grid-template-areas:"title stars""sum stars";align-items:center;padding:10px 12px;display:grid}.lesson-row:hover{border-color:var(--primary)}.lesson-row.next{border-color:var(--gold);background:var(--active)}.lesson-title{grid-area:title;font-weight:600}.lesson-title.ar-title{word-spacing:.3em;font-size:1.5rem;line-height:1.6}.lesson-sum{grid-area:sum}.stars{color:var(--border);letter-spacing:2px;grid-area:stars}.stars .on,.result-stars .on{color:var(--gold)}.lesson{padding-bottom:140px}.lesson-card h2{align-items:center;gap:8px;margin:0 0 8px;display:flex}.lesson-card h3{margin:20px 0 4px;font-size:1rem}.lesson-card p{margin:8px 0}.letter-card{text-align:center}.letter-card h2{justify-content:center;font-size:1.6rem}.big-letter{color:var(--primary);font-size:7rem;line-height:1.9}.syllables-inline{font-size:1.1rem}.syllables-inline [lang=ar]{font-size:1.8rem}.similar{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.similar-chip{background:var(--surface-2);border-radius:99px;padding:2px 10px}.similar-chip [lang=ar]{font-size:1.3rem}.word-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin:8px 0 16px;display:grid}.word-grid.wide{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.word-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:2px;padding:8px;display:flex}.word-btn:hover,.word-btn.playing{border-color:var(--primary);background:var(--primary-soft)}.word-btn-ar{font-size:2rem;line-height:1.8}.mark-letter{color:var(--gold)}.recorder{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.rec-on{background:var(--danger);border-color:var(--danger)}.rec-audio{max-width:100%;height:36px}.compare-list{gap:10px;display:grid}.compare-row{border:1px solid var(--border);border-radius:12px;padding:10px}.compare-letters{justify-content:center;gap:18px;display:flex}.compare-letter{flex-direction:column;align-items:center;display:flex}.compare-letter [lang=ar]{font-size:2.6rem;line-height:1.5}.compare-row p{text-align:center;margin:4px 0 0}.forms-table{gap:2px;display:grid}.forms-head,.forms-row{text-align:center;grid-template-columns:1.2fr repeat(4,1fr);align-items:center;display:grid}.forms-row{border-bottom:1px solid var(--border)}.forms-row [lang=ar]{font-size:2rem;line-height:1.7}.syllable-grid{direction:rtl;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:6px;margin:8px 0;display:grid}.syllable{border:1px solid var(--border);background:var(--surface);border-radius:10px;flex-direction:column;align-items:center;padding:4px;display:flex}.syllable [lang=ar]{font-size:1.9rem;line-height:1.7}.rule-dot{border-radius:50%;flex:none;width:12px;height:12px;display:inline-block}.rule-example{border:1px solid var(--border);border-radius:12px;margin:8px 0;padding:8px 12px}.rule-example .ayah-ar{font-size:30px}.rule-example-foot{justify-content:space-between;align-items:center;display:flex}.rule-example p.small{margin:4px 0 0}.tj{font-weight:inherit}.tj-focus{text-underline-offset:10px;text-decoration:underline;text-decoration-thickness:2px}.tajweed-legend{flex-wrap:wrap;justify-content:center;gap:6px 12px;margin:4px 0 12px;display:flex}.legend-item{align-items:center;gap:4px;display:inline-flex}.quiz{text-align:center;padding-bottom:180px}.quiz-prompt{margin:8px 0 12px;font-size:1.15rem}.quiz-display{color:var(--primary);font-size:5rem;line-height:1.6}.quiz-tajweed{text-align:center;border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:8px;font-size:34px}.listen-btn{margin:8px 0 16px;font-size:1.05rem}.quiz-options{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px;display:grid}.quiz-option{border:2px solid var(--border);background:var(--surface);cursor:pointer;border-radius:14px;min-height:56px;padding:14px 10px;font-size:1.05rem}.quiz-option:hover{border-color:var(--primary)}.ar-options .quiz-option[lang=ar]{padding:6px 10px;font-size:2.2rem;line-height:1.4}.quiz-option.correct{color:#14532d;background:#e3f5ea;border-color:#2f9e5b}.quiz-option.wrong{border-color:var(--danger);color:#8a1a12;background:#fde2df}.quiz-option.dim{opacity:.5}.feedback{margin-bottom:8px}.feedback.ok strong{color:var(--primary)}.feedback.no strong{color:var(--danger)}.feedback p{margin:4px 0 0}.result-stars{color:var(--border);letter-spacing:6px;font-size:3rem}.center-row{justify-content:center}.backup-note{border-color:var(--gold);color:var(--gold)}