:root{--bg:#f7f3ea;--surface:#fffdf8;--ink:#1d2521;--muted:#6b716c;--line:#e2dbcb;--accent:#1f3b33;--accent-ink:#f7f3ea;--gold:#9a7b2f;--soft:#efe8d8;--warn:#8a4b14;--sahih:#2f6b4f;--muthaq:#3d6378;--mutabar:#5b6a2c;--weak:#8a3b2e;--unknown:#6b716c;--ui:"Noto Kufi Arabic", system-ui, sans-serif;--text:"Amiri", "Noto Naskh Arabic", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#141917;--surface:#1c2320;--ink:#e8e4da;--muted:#9aa29c;--line:#2f3833;--accent:#c8b27a;--accent-ink:#141917;--gold:#c8b27a;--soft:#242c28;--warn:#e0a46c;--sahih:#7fbf9c;--muthaq:#8fb6cc;--mutabar:#b5c27a;--weak:#e08f80;--unknown:#9aa29c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--ui);-webkit-text-size-adjust:100%;margin:0;font-size:15px;line-height:1.7}a{color:inherit}button,.button,input,textarea{font:inherit}button,.button{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:10px;padding:8px 14px;text-decoration:none;display:inline-block}button:disabled{opacity:.45;cursor:default}.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.link{color:var(--gold);text-underline-offset:3px;background:0 0;border:none;padding:0;text-decoration:underline}.chip{border-radius:999px;padding:4px 12px;font-size:13px}.chip.active{background:var(--soft);border-color:var(--gold)}input,textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--ink);border-radius:10px;padding:10px 12px}.topbar{z-index:5;background:var(--bg);border-bottom:1px solid var(--line);padding:10px 16px;position:sticky;top:0}.brand{align-items:center;gap:10px;text-decoration:none;display:flex}.brand small{color:var(--muted);font-size:11px;line-height:1.3;display:block}.brand-mark{background:var(--accent);width:34px;height:34px;color:var(--accent-ink);font-family:var(--text);border-radius:9px;place-items:center;font-size:22px;display:grid}main{max-width:760px;margin:0 auto;padding:0 16px 96px}.page h1{margin:18px 0 10px;font-size:22px}.page h2{margin:18px 0 8px;font-size:17px}.muted{color:var(--muted)}.center{text-align:center;margin-top:40px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tabbar{background:var(--surface);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:10;justify-content:space-around;display:flex;position:fixed;inset:auto 0 0}.tabbar a{color:var(--muted);border-radius:8px;padding:6px 5px;font-size:12.5px;text-decoration:none}.tabbar a.active{color:var(--ink);background:var(--soft)}.empty{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px}.plans,.list,.curricula,.tree,.tree ul{margin:0;padding:0;list-style:none}.plan{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:flex-start;gap:8px;margin-bottom:10px;padding:12px 14px;display:flex}.plan-main{flex-direction:column;flex:1;gap:2px;text-decoration:none;display:flex}.plan-main small{color:var(--muted)}.plans.paused .plan{opacity:.7}.kind{color:var(--gold);font-size:11px}.progress{background:var(--soft);border-radius:99px;height:5px;margin-top:6px;display:block;overflow:hidden}.progress span{background:var(--accent);height:100%;display:block}.list li a{border-bottom:1px solid var(--line);flex-direction:column;padding:11px 2px;text-decoration:none;display:flex}.list small{color:var(--muted)}.search{margin-bottom:8px}.tree .node{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 0;display:flex}.tree ul{padding-inline-start:16px}.node-title{text-align:start;font-family:var(--text);background:0 0;border:none;flex:1;padding:0;font-size:17px}.node-title.leaf{font-size:16px}.node small{color:var(--muted);text-align:center;min-width:2.5em}.tree li.target>.node{background:var(--soft);border-radius:8px}.curriculum{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:14px 16px}.curriculum h2{margin-top:0}.lessons li{margin:6px 0}.lessons small{color:var(--muted);display:block}.ai-label{color:var(--gold);border:1px dashed var(--gold);border-radius:999px;padding:1px 9px;font-size:11.5px}.reader-head{color:var(--muted);justify-content:space-between;align-items:center;margin-top:12px;font-size:13px;display:flex}.plan-title{margin:6px 0!important;font-size:18px!important}.lesson-banner{border-inline-start:3px solid var(--gold);margin:8px 0;padding:4px 12px;font-size:14px}.lesson-banner.start{background:var(--soft);border-radius:0 10px 10px 0;padding:10px 14px}.lesson-banner p{color:var(--muted);margin:4px 0 0}.bab-title{font-family:var(--text);color:var(--gold);margin:8px 0 0;font-size:16px;text-decoration:none;display:block}.hadith{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin:10px 0;padding:16px 18px}.matn{font-family:var(--text);margin:10px 0;font-size:23px;line-height:2.05}.citation{color:var(--muted);flex-wrap:wrap;gap:4px 14px;font-size:13px;display:flex}.sanad{font-family:var(--text);color:var(--muted);border-top:1px solid var(--line);padding-top:8px;font-size:16px}.grades{flex-wrap:wrap;gap:6px;display:flex}.badge{border:1px solid;border-radius:999px;padding:2px 10px;font-size:12px}.band-sahih{color:var(--sahih)}.band-muthaq{color:var(--muthaq)}.band-mutabar{color:var(--mutabar)}.band-weak{color:var(--weak)}.band-unknown{color:var(--unknown)}.badge.majlisi{color:var(--gold)}.badge.chain{color:var(--muted);border-style:dashed}.warn{color:var(--warn);font-size:13.5px}.note{color:var(--muted);background:var(--soft);border-radius:10px;padding:8px 12px;font-size:13.5px}.study-actions{margin:6px 0 12px}.note-editor{flex-direction:column;gap:8px;margin-top:8px;display:flex}.my-note{border-inline-start:3px solid var(--accent);color:var(--ink);white-space:pre-wrap;padding-inline-start:10px}.commentary{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.tabs{border-bottom:1px solid var(--line);display:flex;overflow-x:auto}.tabs button{white-space:nowrap;color:var(--muted);background:0 0;border:none;border-radius:0;padding:10px 14px}.tabs button.active{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}.sharh,.claude{padding:14px 16px}.sharh p{font-family:var(--text);margin:0 0 10px;font-size:18px;line-height:1.95}.sharh .sharh-source,.sharh .note{font-family:var(--ui);font-size:12.5px}.claude-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.claude h4{color:var(--gold);margin:14px 0 4px;font-size:14px}.claude p{margin:0 0 8px}.claude[lang=ar] p{font-size:16px}.key-lesson{border-inline-start:3px solid var(--gold);padding-inline-start:10px;font-weight:600}.glosses{margin:0}.glosses div{gap:10px;padding:3px 0;display:flex}.glosses dt{font-family:var(--text);min-width:5em;font-size:18px;font-weight:700}.glosses dd{margin:0}.interpretation{border:1px dashed var(--line);border-radius:10px;padding:8px 12px;font-size:14px}.connections{margin:0;padding-inline-start:18px}.review{background:var(--soft);border-radius:12px;margin-top:12px;padding:8px 14px 12px}.answer{color:var(--muted)}.pager{bottom:calc(58px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 70%, transparent);gap:8px;margin-top:12px;padding:10px 0;display:flex;position:sticky}.pager .primary{flex:1}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:12px;padding:14px 16px;display:flex}.panel h2{margin:0}.facts{margin:0;padding-inline-start:18px}.saved .excerpt{font-family:var(--text);font-size:17px}.panel progress{width:100%;accent-color:var(--accent)}.page-tabs{margin-bottom:12px}.page-tabs a{color:var(--muted);white-space:nowrap;padding:10px 14px;text-decoration:none}.page-tabs a.active{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent)}.surahs li a{grid-template-columns:2.4em 1fr;column-gap:8px;display:grid}.surahs .surah-no{text-align:center;color:var(--gold);grid-row:span 2;align-self:center;font-size:13px}.passages li{border-bottom:1px solid var(--line);align-items:center;gap:8px;display:flex}.passages li a{border-bottom:none;flex:1}.passages .excerpt{font-family:var(--text);color:var(--muted);font-size:18px}.done{color:var(--sahih)}.quran-passage{background:var(--surface);border:1px solid var(--line);border-radius:16px;margin:10px 0;padding:14px 16px}.ayat{font-family:var(--text);text-align:justify;margin:0;font-size:26px;line-height:2.2}.ayat .word{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0}.ayat .word:hover,.ayat .word:focus-visible{background:var(--soft)}.ayah-no{color:var(--gold);font-size:.8em}.tabs .count{color:var(--gold)}.chips{flex-wrap:wrap;gap:6px;margin-bottom:8px}.toggle{color:var(--muted);align-items:center;gap:6px;margin:6px 0 10px;font-size:13px;display:flex}.segment{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.segment .context{color:var(--muted);border-inline-start:3px solid var(--line);padding-inline-start:10px}.small{font-size:13px}.narrations{margin:0;padding:0;list-style:none}.narration{border-top:1px solid var(--line);padding:10px 0}.narration .matn{font-size:20px}.narration .index{color:var(--gold);font-size:13px}.difference ul{margin:4px 0 10px;padding-inline-start:18px}.source{color:var(--gold);font-weight:600}.sheet-backdrop{z-index:20;background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:720px;max-height:78vh;padding:14px 18px calc(18px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;overflow-y:auto}.sheet h4{color:var(--gold);margin:12px 0 4px;font-size:14px}.sheet-head{justify-content:space-between;align-items:center;display:flex}.sheet-word{font-family:var(--text);font-size:30px}.sheet .facts{gap:4px;padding:0;display:grid}.sheet .facts div{gap:8px;display:flex}.sheet .facts dt{color:var(--muted);min-width:4em}.sheet .facts dd{margin:0}.sheet-text{font-family:var(--text);margin:0 0 8px;font-size:17px;line-height:1.9}.occurrences{flex-wrap:wrap;gap:4px 12px;padding:0;font-size:13px;list-style:none;display:flex}.toggle input{width:auto;margin:0}