@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Amiri+Quran&family=Noto+Naskh+Arabic:wght@400;600&display=swap";
:root{--accent:#1f5f4a;--accent-2:#2b7a5f;--accent-pale:#e2eee8;--sand:#b8893b;--sand-pale:#f3e7cf;--bg:#f6f4ee;--card:#fffdf9;--surface2:#efece4;--text:#1f2521;--muted:#6a716b;--border:#dfdad0;--border-strong:#cfc9bc;--on-accent:#fff;--danger:#a33a2f;--danger-bg:#f5e1de;--success:#2f7a4d;--success-bg:#e1f0e6;--pink:#9b3d6b;--pink-bg:#f6e4ee;--blue:#2d5f86;--blue-bg:#e0eaf3;--radius:12px;--shadow:0 1px 2px #1e1e140f, 0 4px 14px #1e1e140a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--accent:#7fb495;--accent-2:#93c4a7;--accent-pale:#233229;--sand:#d2a85a;--sand-pale:#3a2f1a;--bg:#151816;--card:#1c201d;--surface2:#232824;--text:#e7e9e4;--muted:#9aa29b;--border:#313732;--border-strong:#4a524b;--on-accent:#0f1a14;--danger:#e27c70;--danger-bg:#3a2220;--success:#76c493;--success-bg:#1f3326;--pink:#e29cc0;--pink-bg:#3a2230;--blue:#83b3dc;--blue-bg:#1d2b38;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:IBM Plex Sans Arabic,Segoe UI,Tahoma,Arial,sans-serif;font-size:15px;line-height:1.6}h1{margin:0 0 4px;font-size:20px}h2{margin:0;font-size:16px}.hint{color:var(--muted);margin:2px 0 8px;font-size:13px}.center{text-align:center}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.boot{min-height:100vh}label{margin:12px 0 4px;font-size:13px;font-weight:600;display:block}input,select{width:100%;font:inherit;color:var(--text);background:var(--card);border:1px solid var(--border-strong);border-radius:9px;padding:9px 11px}input:focus,select:focus{outline:2px solid var(--accent-pale);border-color:var(--accent)}.code-input{text-transform:uppercase;letter-spacing:2px;font-weight:700}fieldset.choice{border:0;flex-wrap:wrap;gap:16px;margin:12px 0 0;padding:0;display:flex}fieldset.choice legend{margin-bottom:4px;padding:0;font-size:13px;font-weight:600}fieldset.choice label{align-items:center;gap:6px;margin:0;font-weight:500;display:flex}fieldset.choice input{width:auto}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:9px;padding:9px 16px;font-weight:600;transition:opacity .15s,background .15s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-ghost{background:var(--card);border-color:var(--border);color:var(--text)}.btn-ghost:hover{background:var(--surface2)}.btn-danger-ghost{border-color:var(--danger);color:var(--danger);background:0 0}.btn-sm{padding:5px 11px;font-size:13px}.btn-block{width:100%;margin-top:16px}.link-btn{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:4px;font-weight:600}.link-btn.muted{color:var(--muted);font-weight:500}.banner{border-radius:9px;margin-top:12px;padding:9px 12px;font-size:13.5px}.banner.err{background:var(--danger-bg);color:var(--danger)}.banner.ok{background:var(--success-bg);color:var(--success)}.seg{border:1px solid var(--border);border-radius:10px;gap:4px;margin-top:16px;padding:3px;display:flex}.seg button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1;padding:7px 4px;font-size:13px;font-weight:600}.seg button.active{background:var(--accent);color:var(--on-accent)}.lang-switch{border:1px solid var(--border);border-radius:10px;gap:3px;padding:3px;display:flex}.lang-btn{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:4px 9px;font-size:12.5px;font-weight:600}.lang-btn.active{background:var(--accent);color:var(--on-accent)}.logo-mark{background:var(--accent);width:44px;height:44px;color:var(--on-accent);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:flex}.logo-mark.small{border-radius:10px;width:34px;height:34px;font-size:19px}.brand-name{font-size:16px;font-weight:700}.brand-tag{color:var(--muted);font-size:12px}.auth-screen{background:radial-gradient(circle at 85% 0%, var(--accent-pale) 0%, transparent 55%), var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.auth-box{background:var(--card);border:1px solid var(--border);width:100%;max-width:400px;box-shadow:var(--shadow);border-radius:16px;padding:22px 20px}.auth-brand{align-items:center;gap:12px;margin-bottom:14px;display:flex}.auth-box h1{margin-top:18px}.auth-box .sub{color:var(--muted);margin:0 0 4px;font-size:13.5px}.auth-links{flex-direction:column;align-items:center;gap:2px;margin-top:12px;font-size:13.5px;display:flex}.shell{min-height:100vh}.topbar{background:var(--card);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.brand{align-items:center;gap:10px;display:flex}.topbar-tools{align-items:center;gap:8px;display:flex}.nav{background:var(--card);border-bottom:1px solid var(--border);gap:2px;padding:0 12px;display:flex;overflow-x:auto}.nav-link{color:var(--muted);white-space:nowrap;border-bottom:2.5px solid #0000;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none}.nav-link.active{color:var(--text);border-bottom-color:var(--accent)}.main{max-width:760px;margin:0 auto;padding:18px 16px 48px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:16px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.count{background:var(--surface2);color:var(--muted);border-radius:20px;padding:0 9px;font-size:12.5px;font-weight:600}.welcome{margin:4px 0 16px}.role-pill{background:var(--accent-pale);color:var(--accent);border-radius:20px;margin:0;padding:1px 12px;font-size:13px;font-weight:600;display:inline-block}.invite-code{letter-spacing:4px;text-align:center;background:var(--sand-pale);direction:ltr;border-radius:10px;padding:10px;font-size:26px;font-weight:700}.feature-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.feature{background:var(--card);border:1px dashed var(--border-strong);border-radius:var(--radius);min-height:104px;padding:14px;position:relative}.feature-title{font-weight:700}.soon{inset-inline-end:10px;color:var(--sand);font-size:11.5px;font-weight:700;position:absolute;bottom:10px}.rows{margin:8px 0 0;padding:0;list-style:none}.row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.row-title{font-weight:600}.row select{width:auto;min-width:130px}.inline-form{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.inline-form input{flex:2 160px;width:auto}.inline-form select{flex:110px;width:auto}.field-row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.field-row select{flex:1;width:auto}.label{color:var(--muted);margin-top:10px;font-size:13px;font-weight:600}.gender-tag{border-radius:20px;padding:1px 10px;font-size:12px;font-weight:700}.gender-tag.f{background:var(--pink-bg);color:var(--pink)}.gender-tag.m{background:var(--blue-bg);color:var(--blue)}.chips{flex-wrap:wrap;gap:6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.chip{background:var(--surface2);border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-size:13.5px;display:flex}.chip button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:16px;line-height:1}.stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.stat{background:var(--surface2);border-radius:10px;flex-direction:column;padding:8px 10px;display:flex}.stat b{font-size:20px;line-height:1.2}.stat span{color:var(--muted);font-size:12px}.stat.due{background:var(--sand-pale)}.grade-btns{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.row .grade-btns{margin-top:0}.grade-good{background:var(--success-bg);color:var(--success)}.grade-hard{background:var(--sand-pale);color:var(--sand)}.grade-forgot{background:var(--danger-bg);color:var(--danger)}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin:0 0 12px;padding:0;font-size:13px;list-style:none;display:flex}.legend li{align-items:center;gap:6px;display:flex}.juz-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.juz-title{color:var(--muted);margin-bottom:4px;font-size:12.5px;font-weight:600}.cells{grid-template-columns:repeat(7,1fr);gap:3px;display:grid}.cell{aspect-ratio:1;border:1px solid var(--border);background:var(--surface2);cursor:pointer;border-radius:3px;min-width:14px;padding:0;display:inline-block}.legend .cell{cursor:default;width:14px}.cell.learning{background:var(--sand-pale);border-color:var(--sand)}.cell.memorized{background:var(--accent);border-color:var(--accent)}.cell.due{background:var(--sand);border-color:var(--sand)}.cell.sel{outline:2px solid var(--text);outline-offset:1px}.page-panel{inset-inline:0;background:var(--card);border:1px solid var(--border);z-index:10;border-radius:14px 14px 0 0;max-width:760px;margin:0 auto;padding:14px 16px 18px;position:fixed;bottom:0;box-shadow:0 -4px 18px #0000001f}a.feature{color:inherit;border-style:solid;border-color:var(--accent);text-decoration:none}.open{inset-inline-end:10px;color:var(--accent);font-size:12px;font-weight:700;position:absolute;bottom:10px}.quran{text-align:justify;background:var(--sand-pale);color:var(--text);border-radius:10px;margin:12px 0;padding:10px 14px;font-family:Amiri Quran,Noto Naskh Arabic,serif;font-size:25px;line-height:2.3}.quran.loading{min-height:80px}.word{font:inherit;color:inherit;cursor:default;background:0 0;border:0;border-radius:6px;margin:0 1px;padding:0 2px;display:inline}button.word{cursor:pointer}button.word:hover{background:var(--accent-pale)}.word.sel{outline:2px solid var(--text)}.m-hifz{background:var(--danger-bg);color:var(--danger)}.m-tajweed{background:var(--blue-bg);color:var(--blue)}.m-pronunciation{background:var(--pink-bg);color:var(--pink)}.k-hifz{background:var(--danger-bg);color:var(--danger)}.k-tajweed{background:var(--blue-bg);color:var(--blue)}.k-pronunciation{background:var(--pink-bg);color:var(--pink)}.swatch{border-radius:4px;width:14px;height:14px;display:inline-block}.ayah-no{color:var(--sand);margin:0 2px;font-size:.8em}.recorder{flex-direction:column;align-items:flex-start;gap:6px;margin-top:8px;display:flex}.rec-live,.rec-done{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rec-dot{background:var(--danger);border-radius:50%;width:12px;height:12px;animation:1s infinite alternate pulse}@keyframes pulse{0%{opacity:1}to{opacity:.3}}.rec-audio,.rec-done audio{width:100%;max-width:420px;margin-top:8px}textarea{width:100%;font:inherit;color:var(--text);background:var(--card);border:1px solid var(--border-strong);border-radius:9px;padding:9px 11px}.teacher-note{background:var(--surface2);border-radius:10px;margin:10px 0;padding:4px 12px}.teacher-note p{white-space:pre-wrap;margin:2px 0 8px}.consent-text{background:var(--accent-pale);border-radius:10px;margin:8px 0;padding:10px 12px;font-size:13.5px}.row-btn{border:0;border-top:1px solid var(--border);width:100%;font:inherit;color:inherit;text-align:start;cursor:pointer;background:0 0}.rows>li:has(.row-btn){list-style:none}.status-tag{white-space:nowrap;border-radius:20px;padding:1px 10px;font-size:12px;font-weight:700}.status-tag.submitted{background:var(--sand-pale);color:var(--sand)}.status-tag.corrected{background:var(--success-bg);color:var(--success)}.seg.compact{margin-top:0}.seg.compact button{padding:4px 10px}.guardian{margin-top:6px}.guardian select{width:auto;min-width:160px;margin-top:6px}.quran-word{font-family:Amiri Quran,Noto Naskh Arabic,serif;font-size:22px}.day-head{color:var(--accent);margin-top:12px;font-size:12.5px;font-weight:700}.lesson{flex-wrap:wrap}a.btn{text-decoration:none;display:inline-block}.live-tag{background:var(--danger);color:#fff;border-radius:20px;margin-inline-start:4px;padding:0 8px;font-size:11.5px;font-weight:700}.recorded-link{color:var(--accent);font-weight:600;text-decoration:none}.recorded-form{border-top:1px solid var(--border);margin-top:14px;padding-top:4px}.question{border-top:1px solid var(--border);padding:10px 0;list-style:none}.q-body{white-space:pre-wrap;margin:6px 0}.q-answer{white-space:pre-wrap;background:var(--accent-pale);border-radius:10px;margin:6px 0;padding:8px 12px}.similar{background:var(--sand-pale);border-radius:10px;margin-top:10px;padding:4px 12px 10px}.qa{border-top:1px solid var(--border);padding:8px 0}.qa summary{cursor:pointer;font-weight:600}label.check{align-items:center;gap:8px;font-weight:500;display:flex}label.check input{width:auto}#topic,#library-search{margin-top:8px}@media (max-width:420px){.feature-grid{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}.legal-links{color:var(--muted);justify-content:center;gap:8px;padding:14px 16px 24px;font-size:13px;display:flex}.legal-links a{color:var(--muted)}.legal-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.legal article h2{margin:18px 0 6px;font-size:16px}.legal article p{margin:0 0 8px;line-height:1.75}.legal-contact{font-weight:600;margin-top:18px!important}.reader-nav{grid-template-columns:1.6fr 1fr 80px;gap:6px;margin:10px 0;display:grid}.reader-settings .seg{margin-top:12px}.reader-row{align-items:center;gap:8px;margin:12px 0 4px;font-size:13px;font-weight:600;display:flex}.reader-row [data-testid=text-size]{text-align:center;min-width:28px}.reader-tools{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.reader-tools label.check{margin:0}.mushaf-frame{--page:#fdf9ef;--ink:#1f2521;--frame:#c9a961;--mark:#b8893b;background:var(--page);color:var(--ink);border:1px solid var(--frame);outline:3px double var(--frame);outline-offset:-8px;border-radius:12px;margin:8px 0 12px;padding:18px 18px 10px}.mushaf-frame.font-mushaf{font-family:Amiri Quran,Noto Naskh Arabic,serif}.mushaf-frame.font-naskh{font-family:Noto Naskh Arabic,Amiri Quran,serif}.reader.night .mushaf-frame{--page:#14130f;--ink:#e9e3d2;--frame:#6b5a33;--mark:#d2a85a}@media (prefers-color-scheme:dark){.mushaf-frame{--page:#1b1a15;--ink:#e9e3d2;--frame:#6b5a33;--mark:#d2a85a}}.mushaf-page{min-height:50vh;line-height:2.25}.mushaf-page.loading{min-height:50vh}.mushaf-text{text-align:justify;text-align-last:center}.surah-banner{text-align:center;border:1px solid var(--frame);background:color-mix(in srgb, var(--frame) 14%, transparent);border-radius:8px;margin:8px 0 4px;padding:2px 8px;font-size:.8em;font-weight:700}.surah-banner-sub{font-family:IBM Plex Sans Arabic,sans-serif;font-size:.6em;font-weight:500}.basmala{text-align:center;margin-bottom:2px}.m-ayah{border-radius:6px;transition:background .2s}.m-ayah.sel{background:color-mix(in srgb, var(--mark) 18%, transparent)}.m-ayah.playing{background:#2b7a5f38}.m-word{cursor:pointer}button.m-word{font:inherit;color:inherit;background:0 0;border:0;border-radius:5px;margin:0;padding:0 1px}button.m-word.hidden{color:#0000;background:color-mix(in srgb, var(--ink) 10%, transparent);text-shadow:none}.m-ayah-no{font:inherit;color:var(--mark);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:.8em}.mushaf-foot{color:var(--mark);border-top:1px solid color-mix(in srgb, var(--frame) 40%, transparent);justify-content:space-between;margin-top:8px;padding-top:6px;font-family:IBM Plex Sans Arabic,sans-serif;font-size:12.5px;display:flex}.reader-pager{justify-content:space-between;gap:8px;margin-bottom:14px;display:flex}.reader-pager .btn{flex:1}.player{z-index:5;position:sticky;bottom:8px}.player-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.player-grid label{margin-top:4px}.wird-progress{background:var(--surface2);border-radius:8px;height:8px;margin:10px 0 6px;overflow:hidden}.wird-progress div{background:var(--accent);height:100%;transition:width .3s}.wird-settings{grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 10px;display:grid}@media (max-width:420px){.player-grid,.reader-nav{grid-template-columns:1fr 1fr}.reader-nav input{grid-column:span 2}}