@import "https://fonts.googleapis.com/css2?family=Scheherazade+New:wght@400;700&display=swap";@font-face{font-family:KFGQPC Uthmanic Script HAFS;src:url(/fonts/kfgqpc-hafs.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0-5FF,U+621-10FFFF}.quran-arabic-text,.ayah-text-arabic,.surah-header-title-ar,.bismillah-banner,.surah-name-ar,.tafsir-text-ar,.ayah-end-symbol{font-family:var(--site-arabic-font,"KFGQPC Uthmanic Script HAFS", serif)!important}.quran-container{flex-direction:column;gap:1.5rem;width:100%;max-width:1280px;margin-inline:0 auto;display:flex}.quran-hero-card{border:1px solid var(--sl-color-accent-low,#0284c74d);background:linear-gradient(135deg,#0284c71f 0%,#0f172a66 100%);border-radius:1rem;padding:1.5rem 1.75rem;box-shadow:0 4px 16px #0000001a}:root[data-theme=light] .quran-hero-card{background:linear-gradient(135deg,#e0f2fe 0%,#f8fafc 100%);border-color:#bae6fd}.quran-hero-header-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem;display:flex}.quran-hero-badge{color:var(--sl-color-accent-high,#38bdf8);border:1px solid var(--sl-color-accent,#0284c7);background:#0284c726;border-radius:9999px;align-items:center;gap:.4rem;margin-bottom:0;padding:.2rem .65rem;font-size:.8rem;font-weight:700;display:inline-flex}.quran-hero-help-link{color:var(--sl-color-accent-high,#38bdf8);background:#0284c71f;border:1px solid #0284c759;border-radius:9999px;align-items:center;gap:.35rem;padding:.22rem .65rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex;text-decoration:none!important}.quran-hero-help-link:hover{color:#fff;background:#0284c740;border-color:#0284c7;transform:translateY(-1px)}:root[data-theme=light] .quran-hero-help-link{color:#0284c7;background:#fff;border-color:#bae6fd}:root[data-theme=light] .quran-hero-help-link:hover{color:#0369a1;background:#f0f9ff;border-color:#0284c7}.quran-hero-title{color:var(--sl-color-white);margin:0 0 .4rem;font-size:clamp(1.3rem,2.2vw,1.75rem);font-weight:800;line-height:1.35}:root[data-theme=light] .quran-hero-title{color:#0f172a}.quran-hero-desc{color:var(--sl-color-gray-2,#94a3b8);margin:0;font-size:.92rem;line-height:1.7}details.quran-tafsir-simple-bar{background:#0003;border:1px solid #ffffff14;border-radius:.75rem;margin-top:1rem;padding:.75rem 1rem;transition:background-color .2s,border-color .2s,box-shadow .2s;display:block}:root[data-theme=light] details.quran-tafsir-simple-bar{background:#fff;border-color:#e2e8f0;box-shadow:0 1px 3px #0000000d}details.quran-tafsir-simple-bar:hover{border-color:#ffffff29}:root[data-theme=light] details.quran-tafsir-simple-bar:hover{border-color:#cbd5e1}summary.tafsir-bar-header{cursor:pointer;user-select:none;justify-content:space-between;align-items:center;gap:.5rem 1rem;font-size:.85rem;list-style:none;display:flex}summary.tafsir-bar-header::-webkit-details-marker,summary.tafsir-bar-header::marker{content:"";display:none}.tafsir-bar-title-wrap{color:var(--sl-color-white);align-items:center;gap:.5rem;font-weight:700;display:inline-flex}:root[data-theme=light] .tafsir-bar-title-wrap{color:#0f172a}.tafsir-bar-right-actions{align-items:center;gap:.75rem;margin-inline-start:auto;display:inline-flex}.status-pulse-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.dot-available{background-color:#10b981;box-shadow:0 0 0 2px #10b98140}.tafsir-bar-hint{color:var(--sl-color-gray-3,#94a3b8);align-items:center;gap:.35rem;font-size:.78rem;display:inline-flex}:root[data-theme=light] .tafsir-bar-hint{color:#64748b}.tafsir-bar-toggle-icon{width:1.5rem;height:1.5rem;color:var(--sl-color-gray-3);background:#ffffff0f;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;transition:transform .2s,background .15s,color .15s;display:inline-flex}:root[data-theme=light] .tafsir-bar-toggle-icon{color:#64748b;background:#f1f5f9}summary.tafsir-bar-header:hover .tafsir-bar-toggle-icon{background:var(--sl-color-accent);color:#fff}details[open] .tafsir-bar-toggle-icon{transform:rotate(180deg)}.tafsir-cards-row{grid-template-columns:repeat(4,1fr);gap:.6rem;margin-top:.75rem;display:grid}@media (width<=48rem){summary.tafsir-bar-header{flex-wrap:wrap}.tafsir-bar-right-actions{justify-content:space-between;width:100%;margin-inline-start:0}.tafsir-cards-row{grid-template-columns:repeat(2,1fr)}}@media (width<=28rem){.tafsir-cards-row{grid-template-columns:1fr}}.tafsir-card-item{text-align:center;background:#ffffff0a;border:1px solid #ffffff12;border-radius:.5rem;flex-direction:column;align-items:center;padding:.55rem .65rem;transition:all .2s;display:flex}:root[data-theme=light] .tafsir-card-item{background:#f8fafc;border-color:#e2e8f0}.tafsir-card-item:hover{border-color:var(--sl-color-accent,#0284c7);background:#0284c714}:root[data-theme=light] .tafsir-card-item:hover{background:#f0f9ff}.tafsir-item-name{color:var(--sl-color-accent-high,#38bdf8);font-size:.88rem;font-weight:700;line-height:1.35}:root[data-theme=light] .tafsir-item-name{color:#0284c7}.tafsir-item-sub{color:var(--sl-color-gray-3,#94a3b8);margin-top:.15rem;font-size:.72rem;line-height:1.3}:root[data-theme=light] .tafsir-item-sub{color:#64748b}.quran-view{scroll-margin-top:calc(var(--sl-nav-height,3.5rem) + 1rem);flex-direction:column;gap:1.25rem;display:none}#reader-view{scroll-margin-top:calc(var(--sl-nav-height,3.5rem) + 1rem)}.quran-view.active{display:flex}.directory-toolbar{background:var(--sl-color-gray-6,#16181d);border:1px solid var(--sl-color-gray-5,#30363d);border-radius:.75rem;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}:root[data-theme=light] .directory-toolbar{background:#fff;border-color:#e2e8f0}.search-box-wrapper{background:var(--sl-color-gray-7,#0d1117);border:1px solid var(--sl-color-gray-5,#30363d);border-radius:.5rem;flex:0 280px;order:1;align-items:center;min-width:180px;margin-inline:0;padding:0;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}:root[dir=ltr] .search-box-wrapper,html[dir=ltr] .search-box-wrapper{order:10;margin-inline:auto 0}:root[data-theme=light] .search-box-wrapper{background:#fff;border-color:#cbd5e1;box-shadow:0 1px 2px #0000000a}.search-box-wrapper:focus-within{border-color:var(--sl-color-accent,#0284c7);box-shadow:0 0 0 2px var(--sl-color-accent-low,#0284c740)}.search-box-wrapper .quran-search-icon,.search-box-wrapper .search-icon{color:#64748b!important;pointer-events:none!important;z-index:2!important;width:16px!important;height:16px!important;display:block!important;position:absolute!important;top:50%!important;left:.85rem!important;right:auto!important;transform:translateY(-50%)!important}:root[data-theme=light] .search-box-wrapper .quran-search-icon,:root[data-theme=light] .search-box-wrapper .search-icon{color:#64748b!important}.search-clear-btn{color:var(--sl-color-gray-3);cursor:pointer;z-index:2;background:0 0;border:none;padding:.2rem .3rem;font-size:.9rem;line-height:1;position:absolute!important;top:50%!important;left:2.2rem!important;right:auto!important;transform:translateY(-50%)!important}:root[dir=ltr] .search-clear-btn,html[dir=ltr] .search-clear-btn{left:auto!important;right:.65rem!important}.search-clear-btn:hover{color:var(--sl-color-white)}:root[data-theme=light] .search-clear-btn:hover{color:#0f172a}.search-input{width:100%!important;height:2.35rem!important;color:var(--sl-color-white)!important;text-align:right!important;direction:rtl!important;background:0 0!important;border:none!important;outline:none!important;padding-left:2.5rem!important;padding-right:1rem!important;font-size:.88rem!important}.search-input::placeholder{color:#94a3b8;opacity:.9}:root[data-theme=light] .search-input{color:#1e293b!important}:root[data-theme=light] .search-input::placeholder{color:#64748b}:root[dir=ltr] .search-input,html[dir=ltr] .search-input{text-align:left!important;direction:ltr!important;padding-left:2.2rem!important;padding-right:1rem!important}.filter-group{order:2;gap:.4rem;margin-inline-start:auto;display:flex}:root[dir=ltr] .filter-group,[dir=ltr] .filter-group{order:1;margin-inline-start:0}.filter-pill{border:1px solid var(--sl-color-gray-5);color:var(--sl-color-gray-2);cursor:pointer;background:0 0;border-radius:9999px;padding:.4rem .75rem;font-size:.8rem;transition:all .2s}.filter-pill.active,.filter-pill:hover{background:var(--sl-color-accent-low,#0284c733);border-color:var(--sl-color-accent,#0284c7);color:var(--sl-color-accent-high,#38bdf8)}.juz-selector-wrapper{flex:none;order:3}:root[dir=ltr] .juz-selector-wrapper,[dir=ltr] .juz-selector-wrapper{order:2}.juz-select{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-7,#0d1117);height:2.35rem;color:var(--sl-color-white);cursor:pointer;border-radius:.5rem;padding:0 .75rem;font-size:.85rem}:root[data-theme=light] .juz-select{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.surahs-grid{grid-template-columns:repeat(auto-fill,minmax(335px,1fr));gap:.85rem;display:grid}.surah-card{content-visibility:auto;contain-intrinsic-size:auto none auto 75px;scroll-margin-top:calc(var(--sl-nav-height,3.5rem) + 1.5rem);background:var(--sl-color-gray-6,#16181d);border:1px solid var(--sl-color-gray-5,#30363d);text-align:right;cursor:pointer;color:inherit;border-radius:.75rem;align-items:center;gap:.7rem;width:100%;padding:.75rem .8rem;transition:all .25s;display:flex}:root[data-theme=light] .surah-card{background:#fff;border-color:#e2e8f0}.surah-card:hover{border-color:var(--sl-color-accent,#0284c7);transform:translateY(-2px);box-shadow:0 6px 18px #0099ff26}.surah-card:target,.surah-card.highlight-surah{transform:translateY(-2px);border-color:var(--sl-color-accent,#0284c7)!important;background:#0284c724!important;box-shadow:0 0 0 3px #0284c773,0 8px 24px #0284c740!important}:root[data-theme=light] .surah-card:target,:root[data-theme=light] .surah-card.highlight-surah{border-color:var(--sl-color-accent,#0284c7)!important;background:#f0f9ff!important;box-shadow:0 0 0 3px #0284c759,0 8px 24px #0284c733!important}.surah-number-badge{width:2.35rem;height:2.35rem;color:var(--sl-color-accent-high,#38bdf8);background:#0284c71f;border:1px solid #0284c74d;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.92rem;font-weight:800;display:flex}:root[data-theme=light] .surah-number-badge{color:#0284c7;background:#f0f9ff;border-color:#bae6fd}.surah-card-main{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.surah-card-top{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.surah-names{text-overflow:ellipsis;white-space:nowrap;align-items:baseline;gap:.35rem;display:flex;overflow:hidden}.surah-name-ug{color:var(--sl-color-white);font-size:1.05rem;font-weight:700}:root[data-theme=light] .surah-name-ug{color:#0f172a}.surah-meaning{color:var(--sl-color-gray-3,#8b949e);font-size:.75rem}.surah-name-ar{color:var(--sl-color-accent-high,#38bdf8);flex-shrink:0;font-size:1.3rem;font-weight:700;font-family:KFGQPC Uthmanic Script HAFS,Scheherazade New,Amiri Quran,serif!important}:root[data-theme=light] .surah-name-ar{color:#0284c7}.surah-card-footer{flex-wrap:wrap;align-items:center;gap:.25rem;font-size:.69rem;display:flex}.revelation-tag{white-space:nowrap;border-radius:.25rem;padding:.1rem .35rem;font-weight:600}.revelation-tag.meccan{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.revelation-tag.medinan{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.meta-tag{color:var(--sl-color-gray-3,#94a3b8);white-space:nowrap;background:#ffffff0d;border-radius:.25rem;padding:.1rem .35rem}:root[data-theme=light] .meta-tag{color:#64748b;background:#f1f5f9}.reader-toolbar{background:var(--sl-color-gray-6,#16181d);border:1px solid var(--sl-color-gray-5,#30363d);z-index:15;direction:ltr;border-radius:.75rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.3rem;padding:.35rem .55rem;display:grid;position:sticky;top:4rem;box-shadow:0 4px 12px #00000026}.reader-toolbar.has-open-popover,.reader-toolbar:has(#reader-display-menu-popover:not([style*="display: none"])){z-index:100!important}:root[data-theme=light] .reader-toolbar{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 12px #0000000d}.action-btn{cursor:pointer;border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-7,#0d1117);color:var(--sl-color-white);border-radius:.5rem;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}:root[data-theme=light] .action-btn{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.action-btn:hover:not(:disabled){border-color:var(--sl-color-accent);color:var(--sl-color-accent-high)}.action-btn:disabled{opacity:.4;cursor:not-allowed}.reader-nav-controls{flex-wrap:nowrap;align-items:center;gap:.25rem;min-width:0;display:flex}.toolbar-jump-group{display:contents}.reader-surah-select{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-7,#0d1117);height:2.05rem;color:var(--sl-color-white);cursor:pointer;border-radius:.45rem;min-width:100px;max-width:135px;padding:0 .35rem;font-size:.77rem;font-weight:500;transition:border-color .15s}:root[data-theme=light] .reader-surah-select{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.reader-surah-select:focus,.toolbar-select:focus,.jump-number-input:focus{border-color:var(--sl-color-accent,#0284c7);outline:none}.toolbar-jump-item{white-space:nowrap;align-items:center;gap:.18rem;display:inline-flex}.toolbar-jump-label{color:var(--sl-color-accent-high,#38bdf8);letter-spacing:.01em;white-space:nowrap;background:#0284c71f;border:1px solid #38bdf847;border-radius:.35rem;flex-shrink:0;justify-content:center;align-items:center;padding:.12rem .28rem;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}:root[data-theme=light] .toolbar-jump-label{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}.toolbar-select{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-7,#0d1117);height:2.05rem;color:var(--sl-color-white);cursor:pointer;border-radius:.45rem;padding:0 .3rem;font-size:.75rem;transition:border-color .15s}:root[data-theme=light] .toolbar-select{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.jump-juz-select{width:4.5rem;max-width:4.5rem}.jump-page-select{width:3.8rem;max-width:3.8rem}.jump-input-group{align-items:center;gap:.18rem;display:inline-flex}.jump-number-input{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-7,#0d1117);width:2.15rem;height:2.05rem;color:var(--sl-color-white);text-align:center;border-radius:.45rem;padding:0 .1rem;font-size:.76rem;transition:border-color .15s}:root[data-theme=light] .jump-number-input{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.jump-btn{background:var(--sl-color-accent,#0284c7);color:#fff;cursor:pointer;white-space:nowrap;user-select:none;border:none;border-radius:.45rem;justify-content:center;align-items:center;min-width:1.65rem;height:2.05rem;padding:0 .3rem;font-size:.95rem;font-weight:600;line-height:1;transition:background-color .15s,transform .1s;display:inline-flex}.jump-btn:hover{background:var(--sl-color-accent-high,#38bdf8)}.jump-btn:active{transform:scale(.95)}.toolbar-page-tools{flex-shrink:0;align-items:center;gap:.2rem;display:inline-flex}.toolbar-tool-btn{border:1px solid var(--sl-color-gray-5,#30363d);background:var(--sl-color-gray-7,#0d1117);width:2.05rem;height:2.05rem;color:var(--sl-color-gray-2,#c9d1d9);cursor:pointer;user-select:none;border-radius:.45rem;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}:root[data-theme=light] .toolbar-tool-btn{color:#334155;background:#f8fafc;border-color:#cbd5e1}.toolbar-tool-btn:hover{border-color:var(--sl-color-accent,#0284c7);color:var(--sl-color-white,#fff);background:#0284c71f}:root[data-theme=light] .toolbar-tool-btn:hover{color:#0284c7;background:#f0f9ff;border-color:#0284c7}.toolbar-page-play-btn.is-playing{color:#10b981!important;background:#10b98126!important;border-color:#10b981!important}.toolbar-page-bookmark-btn.is-bookmarked{color:#f59e0b!important;background:#f59e0b26!important;border-color:#f59e0b!important}.reader-display-controls{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.reader-settings-wrap{align-items:center;display:inline-flex;position:relative}.popover-juz-select,.popover-surah-select{text-overflow:ellipsis;border-radius:.4rem;flex:1;max-width:11.5rem;height:1.85rem;font-size:.72rem}.toolbar-context-group{flex-wrap:nowrap;align-items:center;gap:.35rem;min-width:0;display:flex}:root[dir=rtl] .reader-toolbar>*{direction:rtl}.toolbar-start-group{grid-area:1/3;justify-self:end}.toolbar-actions-group{flex-shrink:0;grid-area:1/1;justify-self:start;align-items:center;gap:.25rem;display:flex}.toolbar-surah-indicator{height:2.05rem;color:var(--sl-color-white);cursor:default;white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(#0284c724 0%,#0284c70f 100%);border:1px solid #38bdf847;border-radius:9999px;grid-area:1/2;justify-self:center;align-items:center;gap:.35rem;min-width:0;max-width:100%;padding:0 .85rem;font-size:.8rem;font-weight:700;display:inline-flex;overflow:hidden}:root[data-theme=light] .toolbar-surah-indicator{color:#0f172a;background:linear-gradient(#f0f9ff 0%,#e0f2fe 100%);border-color:#bae6fd}.toolbar-surah-indicator .indicator-sep{opacity:.55}#toolbar-ayah-num{color:var(--sl-color-accent-high,#38bdf8);font-variant-numeric:tabular-nums}:root[data-theme=light] #toolbar-ayah-num{color:#0284c7}.toolbar-view-mode-group{background:var(--sl-color-gray-7,#0d1117);border:1px solid var(--sl-color-gray-5,#30363d);border-radius:9999px;align-items:center;gap:.12rem;height:1.95rem;padding:.15rem;display:inline-flex;box-shadow:inset 0 1px 2px #00000040}:root[data-theme=light] .toolbar-view-mode-group{background:#f1f5f9;border-color:#cbd5e1;box-shadow:inset 0 1px 2px #0f172a0f}.toolbar-mode-btn{white-space:nowrap;border:1px solid #0000;border-radius:9999px;padding:.22rem .65rem;font-size:.72rem;font-weight:600;line-height:1.2;transition:all .2s cubic-bezier(.4,0,.2,1)}.toolbar-mode-btn:hover:not(.active){color:var(--sl-color-white);background:#0284c724}:root[data-theme=light] .toolbar-mode-btn:hover:not(.active){color:#0369a1;background:#e0f2fe}.toolbar-mode-btn[data-mode=arabic].active{box-shadow:0 2px 8px #10b98173;color:#fff!important;background:linear-gradient(135deg,#059669 0%,#10b981 100%)!important;border-color:#34d399!important}.toolbar-mode-btn[data-mode=translation].active{box-shadow:0 2px 8px #0284c773;color:#fff!important;background:linear-gradient(135deg,#0284c7 0%,#38bdf8 100%)!important;border-color:#7dd3fc!important}.toolbar-mode-btn[data-mode=both].active{box-shadow:0 2px 8px #d9770673;color:#fff!important;background:linear-gradient(135deg,#d97706 0%,#f59e0b 100%)!important;border-color:#fde68a!important}.toolbar-page-play-btn{color:#fff;background:linear-gradient(#10b981 0%,#059669 100%);border-color:#059669;box-shadow:0 2px 8px #10b98166}:root[data-theme=light] .toolbar-page-play-btn{color:#fff;background:linear-gradient(#10b981 0%,#059669 100%);border-color:#059669}.toolbar-page-play-btn:hover,:root[data-theme=light] .toolbar-page-play-btn:hover{color:#fff;background:linear-gradient(#34d399 0%,#10b981 100%);border-color:#10b981;box-shadow:0 3px 12px #10b9818c}.toolbar-mobile-mode-wrap{align-items:center;display:none;position:relative}.toolbar-view-mode-icon-btn{background:var(--sl-color-gray-7,#0d1117);border:1px solid var(--sl-color-gray-5,#30363d);height:1.95rem;color:var(--sl-color-gray-2,#e2e8f0);cursor:pointer;white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;gap:.35rem;padding:0 .65rem;font-size:.74rem;font-weight:600;transition:all .15s;display:none;box-shadow:inset 0 1px 2px #0003}:root[data-theme=light] .toolbar-view-mode-icon-btn{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1;box-shadow:inset 0 1px 2px #0f172a0d}.toolbar-view-mode-icon-btn[data-mode=arabic]{box-shadow:0 2px 8px #10b98159;color:#fff!important;background:linear-gradient(135deg,#059669 0%,#10b981 100%)!important;border-color:#10b981!important}.toolbar-view-mode-icon-btn[data-mode=translation]{box-shadow:0 2px 8px #0284c759;color:#fff!important;background:linear-gradient(135deg,#0284c7 0%,#38bdf8 100%)!important;border-color:#0284c7!important}.toolbar-view-mode-icon-btn[data-mode=both]{box-shadow:0 2px 8px #d9770659;color:#fff!important;background:linear-gradient(135deg,#d97706 0%,#f59e0b 100%)!important;border-color:#d97706!important}.toolbar-view-mode-icon-btn[data-mode] .mobile-mode-chevron{opacity:.85;color:#fff!important}.toolbar-view-mode-icon-btn:hover{filter:brightness(1.08)}:root[data-theme=light] .toolbar-view-mode-icon-btn:hover{filter:brightness(1.05)}.mobile-mode-label{line-height:1;display:inline-block}.mobile-mode-chevron{color:var(--sl-color-gray-3,#94a3b8);transition:transform .2s}.toolbar-view-mode-icon-btn[aria-expanded=true] .mobile-mode-chevron{transform:rotate(180deg)}.toolbar-mobile-mode-menu{top:calc(100% + 6px);inset-inline-end:0;z-index:1000;-webkit-backdrop-filter:blur(12px);background:#16181df5;border:1px solid #ffffff1f;border-radius:.75rem;flex-direction:column;gap:.25rem;min-width:125px;padding:.35rem;display:flex;position:absolute;right:0;box-shadow:0 12px 28px #0000008c}:root[dir=rtl] .toolbar-mobile-mode-menu{left:auto;right:0}:root[dir=ltr] .toolbar-mobile-mode-menu{left:0;right:auto}.toolbar-mobile-mode-menu[hidden]{display:none!important}:root[data-theme=light] .toolbar-mobile-mode-menu{background:#fffffffa;border-color:#cbd5e1;box-shadow:0 12px 28px #0f172a26}.mobile-mode-item{width:100%;color:var(--sl-color-gray-2,#e2e8f0);cursor:pointer;text-align:start;background:0 0;border:none;border-radius:.5rem;justify-content:flex-start;align-items:center;padding:.45rem .75rem;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}:root[data-theme=light] .mobile-mode-item{color:#334155}.mobile-mode-item:hover{color:var(--sl-color-accent-high,#38bdf8);background:#0284c71f}:root[data-theme=light] .mobile-mode-item:hover{color:#0284c7;background:#e0f2fe}.mobile-mode-item.active{font-weight:700;background:var(--sl-color-accent,#0284c7)!important;color:#fff!important}.mobile-mode-item[data-mode=arabic].active{font-weight:700;color:#fff!important;background:linear-gradient(135deg,#059669 0%,#10b981 100%)!important}.mobile-mode-item[data-mode=translation].active{font-weight:700;color:#fff!important;background:linear-gradient(135deg,#0284c7 0%,#38bdf8 100%)!important}.mobile-mode-item[data-mode=both].active{font-weight:700;color:#fff!important;background:linear-gradient(135deg,#d97706 0%,#f59e0b 100%)!important}#toolbar-mobile-mode-badge{bottom:-3px;background:var(--sl-color-accent,#0284c7);color:#fff;border-radius:.25rem;padding:1px 3px;font-size:.55rem;font-weight:700;line-height:1;position:absolute;inset-inline-end:-3px}.popover-slider-wrap{direction:ltr;flex:1;align-items:center;gap:.45rem;min-width:0;display:inline-flex}.popover-slider-wrap.vertical{flex-direction:column;justify-content:center;align-items:center;gap:.35rem;width:auto;min-width:44px;padding:.2rem 0;display:flex}.font-size-slider.vertical{writing-mode:vertical-lr;-webkit-appearance:slider-vertical;appearance:slider-vertical;cursor:pointer;direction:rtl;width:12px;min-width:12px;height:85px;margin:.15rem 0}.slider-label-min,.slider-label-max{color:var(--sl-color-gray-3);flex-shrink:0;font-weight:700;line-height:1}.slider-label-min{font-size:.68rem}.slider-label-max{font-size:.95rem}.font-size-slider{-webkit-appearance:none;appearance:none;background:var(--sl-color-gray-5,#30363d);cursor:pointer;border-radius:9999px;outline:none;flex:1;min-width:80px;height:6px;margin:0}:root[data-theme=light] .font-size-slider{background:#cbd5e1}.font-size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--sl-color-accent,#0284c7);cursor:pointer;border:2px solid #fff;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #0000004d}.font-size-slider::-moz-range-thumb{background:var(--sl-color-accent,#0284c7);cursor:pointer;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #0000004d}.font-size-slider:focus-visible{outline:2px solid var(--sl-color-accent-high,#38bdf8);outline-offset:2px}.popover-slider-reset{font-variant-numeric:tabular-nums;color:var(--sl-color-gray-2);background:var(--sl-color-gray-7,#0d1117);border:1px solid var(--sl-color-gray-5,#30363d);text-align:center;cursor:pointer;border-radius:.35rem;flex-shrink:0;min-width:2.6rem;padding:.15rem .35rem;font-size:.72rem;font-weight:600}.popover-slider-reset:hover{border-color:var(--sl-color-accent,#0284c7)}:root[data-theme=light] .popover-slider-reset{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.slider-btn-step{cursor:pointer;color:var(--sl-color-gray-3);user-select:none;background:0 0;border:none;border-radius:4px;padding:2px 4px;line-height:1;transition:color .15s,transform .1s}.slider-btn-step:hover{color:var(--sl-color-accent-high,#38bdf8);transform:scale(1.15)}.slider-btn-step:active{transform:scale(.95)}.tafsir-font-wrap .tafsir-font-popover,.mushaf-popup-font-wrap .mushaf-font-popover-dropdown{width:max-content;min-width:48px;left:50%!important;right:auto!important;transform:translate(-50%)!important}#reader-view{--qr-nav-btn-w:1.9rem;--qr-nav-gap:.55rem;--qr-nav-gutter:calc(var(--qr-nav-btn-w) + var(--qr-nav-gap));--qr-nav-h:4.6rem;--qr-nav-top:calc(var(--sl-nav-height,3.5rem) + 3.6rem);padding-left:var(--qr-nav-gutter);padding-right:0}#reader-view>.reader-toolbar{margin-left:calc(-1 * var(--qr-nav-gutter));margin-right:0}.mushaf-floating-nav{top:var(--qr-nav-top);z-index:25;opacity:0;pointer-events:none;direction:ltr;width:100%;height:0;margin-bottom:-1.25rem;margin-left:auto;margin-right:auto;transition:opacity .25s;display:none;position:sticky;overflow:visible}#reader-view:has(#reader-display-menu-popover:not([style*="display: none"])) .mushaf-floating-nav,#reader-view.settings-open .mushaf-floating-nav,body.reader-settings-open .mushaf-floating-nav{opacity:0!important;pointer-events:none!important;visibility:hidden!important}#reader-view[data-display-mode=arabic] .mushaf-floating-nav{width:min(100%, calc(680px * var(--mushaf-scale,1)))}.mushaf-floating-nav .floating-page-btn{margin-left:calc(-1 * (var(--qr-nav-btn-w) + var(--qr-nav-gap)))}.mushaf-floating-nav.is-visible{opacity:1;display:block}.mushaf-floating-nav.is-visible .floating-page-btn{pointer-events:auto}.floating-page-btn{color:#f1f5f9;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;background:#1e293bf2;border:1px solid #ffffff24;justify-content:center;align-items:center;width:1.9rem;height:2.3rem;margin:0;padding:0;transition:background-color .15s,color .15s,opacity .15s,border-color .15s;display:flex;box-shadow:0 4px 14px #00000059}.floating-page-btn svg{width:16px;height:16px}.floating-prev-btn{border-bottom-color:#ffffff1a;border-radius:.45rem .45rem 0 0}.floating-next-btn{border-top:none;border-radius:0 0 .45rem .45rem}.floating-page-btn:hover:not(:disabled){color:#fff;background:#0284c7;border-color:#38bdf8}.floating-page-btn:active:not(:disabled){background:#0369a1}.floating-page-btn:focus-visible{outline:2px solid var(--sl-color-accent-high,#38bdf8);outline-offset:1px}.floating-page-btn:disabled{opacity:.3;cursor:not-allowed;filter:grayscale(60%)}:root[data-theme=light] .floating-page-btn{color:#334155;background:#fffffff2;border:1px solid #0000001f;box-shadow:0 3px 10px #0000001a}:root[data-theme=light] .floating-prev-btn{border-bottom-color:#00000014}:root[data-theme=light] .floating-page-btn:hover:not(:disabled){color:#fff;background:#0284c7;border-color:#0284c7}.reader-display-menu-btn{border:1px solid var(--sl-color-gray-5,#30363d);background:var(--sl-color-gray-7,#0d1117);height:2.05rem;color:var(--sl-color-gray-2,#e6edf3);cursor:pointer;user-select:none;white-space:nowrap;border-radius:.45rem;justify-content:center;align-items:center;gap:.25rem;padding:0 .55rem;transition:all .15s;display:inline-flex}:root[data-theme=light] .reader-display-menu-btn{color:#1e293b;background:#f8fafc;border-color:#cbd5e1}.reader-display-menu-btn:hover,.reader-display-menu-btn[aria-expanded=true]{border-color:var(--sl-color-accent,#0284c7);color:var(--sl-color-accent-high,#38bdf8);background:#0284c71f}:root[data-theme=light] .reader-display-menu-btn:hover,:root[data-theme=light] .reader-display-menu-btn[aria-expanded=true]{color:#0284c7;background:#f0f9ff;border-color:#0284c7}.display-btn-symbol{letter-spacing:-.02em;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.85rem;font-weight:700;line-height:1}.display-btn-icon{stroke-width:2px;color:currentColor;flex-shrink:0}.display-btn-chevron{stroke-width:2.5px;opacity:.75;transition:transform .2s}.reader-display-menu-btn[aria-expanded=true] .display-btn-chevron{transform:rotate(180deg)}.reader-display-menu-popover{z-index:60;-webkit-backdrop-filter:blur(20px);background:#12161ef2;border:1px solid #ffffff1f;border-radius:.85rem;min-width:250px;max-width:min(300px,100vw - 1rem);padding:.7rem .8rem;animation:.18s cubic-bezier(.16,1,.3,1) popoverFadeIn;position:absolute;top:calc(100% + .45rem);left:0;right:auto;box-shadow:0 16px 36px -6px #0009,0 0 0 1px #ffffff0d}:root[data-theme=light] .reader-display-menu-popover{background:#fffffff5;border-color:#cbd5e1d9;box-shadow:0 16px 36px -6px #0f172a24,0 4px 12px #0f172a0d}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.popover-row{justify-content:space-between;align-items:center;gap:.4rem;margin-bottom:.45rem;display:flex}.popover-row:last-child{margin-bottom:0}.popover-jump-combined-row{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.45rem;display:flex}:root[data-theme=light] .popover-jump-combined-row{border-bottom-color:#f1f5f9}.popover-jump-col{align-items:center;gap:.3rem;min-width:0;display:inline-flex}.popover-jump-ayah-col{flex:1.15}.popover-jump-page-col{flex:1.25}.popover-jump-col .popover-row-label{min-width:auto;font-size:.72rem}.popover-jump-col .popover-jump-controls{flex:1;align-items:center;gap:.2rem;display:inline-flex}.popover-jump-col .popover-number-input{width:2.15rem;height:1.85rem;padding:0 .15rem;font-size:.75rem}.popover-jump-col .popover-jump-btn{border-radius:.4rem;min-width:1.55rem;height:1.85rem;padding:0 .35rem;font-size:.82rem}.popover-jump-col .popover-page-select{border-radius:.4rem;width:100%;max-width:5.6rem;height:1.85rem;padding:0 .35rem;font-size:.72rem}.popover-row-label{color:var(--sl-color-gray-3,#8b949e);white-space:nowrap;min-width:2.5rem;font-size:.73rem;font-weight:700}:root[data-theme=light] .popover-row-label{color:#64748b}.popover-btn-group{flex:1;justify-content:flex-end;align-items:center;gap:.18rem;display:flex}.popover-btn{border:1px solid var(--sl-color-gray-5,#30363d);background:var(--sl-color-gray-7,#0d1117);color:var(--sl-color-gray-2,#c9d1d9);cursor:pointer;white-space:nowrap;border-radius:.35rem;padding:.22rem .45rem;font-size:.72rem;font-weight:600;line-height:1.2;transition:all .15s}:root[data-theme=light] .popover-btn{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.popover-btn:hover{border-color:var(--sl-color-accent,#0284c7);color:var(--sl-color-white,#fff)}:root[data-theme=light] .popover-btn:hover{color:#0284c7}.popover-btn.active{background:var(--sl-color-accent,#0284c7)!important;border-color:var(--sl-color-accent,#0284c7)!important;color:#fff!important}.popover-font-reset-val{text-align:center;font-variant-numeric:tabular-nums;min-width:2.5rem}.popover-script-row{user-select:none}.script-btn-group{direction:ltr!important;flex-direction:row!important;align-items:center!important;display:inline-flex!important}.popover-script-btn{unicode-bidi:isolate;white-space:nowrap!important;direction:ltr!important}.popover-script-btn[data-script-choice=arabic]{font-weight:700;font-family:"Noto Sans Arabic", "Noto Naskh Arabic", var(--sl-font), system-ui, sans-serif!important}.view-mode-group{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-7,#0d1117);border-radius:.5rem;align-items:center;gap:.15rem;height:2.25rem;padding:.15rem;display:flex}:root[data-theme=light] .view-mode-group{background:#f8fafc;border-color:#cbd5e1}.toolbar-font-wrap{user-select:none;align-items:center;display:inline-flex;position:relative}.toolbar-font-menu-btn{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-gray-6,#ffffff0a);width:2.25rem;height:2.25rem;color:var(--sl-color-gray-2);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:0;line-height:1;transition:all .2s;display:inline-flex}.toolbar-font-menu-btn:hover,.toolbar-font-menu-btn[aria-expanded=true]{border-color:var(--sl-color-accent);color:var(--sl-color-white);background:var(--sl-color-gray-5)}:root[data-theme=light] .toolbar-font-menu-btn{color:#334155;background:#f1f5f9;border-color:#cbd5e1}:root[data-theme=light] .toolbar-font-menu-btn:hover,:root[data-theme=light] .toolbar-font-menu-btn[aria-expanded=true]{border-color:var(--sl-color-accent);color:#0f172a;background:#e2e8f0}.desktop-font-btn-symbol{white-space:nowrap;color:inherit;justify-content:center;align-items:center;font-family:system-ui,-apple-system,sans-serif;line-height:1;display:inline-flex;direction:ltr!important}.font-sym-a1{color:var(--sl-color-accent-high,#38bdf8);font-size:.84rem;font-weight:500;line-height:1}.font-sym-a2{margin-left:1px;margin-inline-start:1px;font-size:.74rem;font-weight:500;line-height:1}.toolbar-font-menu-btn:hover .font-sym-a1,.toolbar-font-menu-btn[aria-expanded=true] .font-sym-a1{color:var(--sl-color-white)}:root[data-theme=light] .font-sym-a1,:root[data-theme=light] .toolbar-font-menu-btn:hover .font-sym-a1,:root[data-theme=light] .toolbar-font-menu-btn[aria-expanded=true] .font-sym-a1{color:#0284c7}.toolbar-font-popover{top:calc(100% + .35rem);z-index:60;background:var(--sl-color-gray-6,#16181d);border:1px solid var(--sl-color-gray-5,#30363d);-webkit-backdrop-filter:blur(12px);border-radius:.65rem;flex-direction:column;gap:.35rem;min-width:140px;padding:.45rem .55rem;animation:.15s ease-out popoverFadeIn;display:flex;position:absolute;inset-inline-end:0;box-shadow:0 10px 25px -5px #0006,0 8px 10px -6px #0000004d}:root[data-theme=light] .toolbar-font-popover{background:#fff;border-color:#cbd5e1;box-shadow:0 10px 25px #0f172a26}.toolbar-font-popover-title{color:var(--sl-color-gray-3);text-align:center;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.toolbar-font-popover-controls{background:var(--sl-color-gray-7,#0d1117);border:1px solid var(--sl-color-gray-5);border-radius:.4rem;justify-content:center;align-items:center;gap:.2rem;padding:.12rem;display:flex}:root[data-theme=light] .toolbar-font-popover-controls{background:#f8fafc;border-color:#cbd5e1}.toolbar-font-pop-btn{color:var(--sl-color-gray-2);cursor:pointer;background:0 0;border:none;border-radius:.3rem;justify-content:center;align-items:center;padding:.25rem .45rem;font-size:.75rem;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}.toolbar-font-pop-btn:hover{background:var(--sl-color-accent,#0284c7);color:#fff}.toolbar-font-reset-val{text-align:center;font-variant-numeric:tabular-nums;min-width:2.5rem}.mode-btn,.font-btn{color:var(--sl-color-gray-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:.3rem;justify-content:center;align-items:center;height:100%;padding:.18rem .32rem;font-size:.71rem;transition:all .15s;display:inline-flex}.mode-btn.active,.mode-btn:hover,.font-btn:hover{background:var(--sl-color-accent,#0284c7);color:#fff}.surah-header-card,.mushaf-surah-header-card{text-align:center;border:1px solid var(--sl-color-gray-5,#30363d);background:linear-gradient(#0284c714 0%,#16181dcc 100%);border-radius:.75rem;flex-direction:column;align-items:center;gap:.25rem;padding:.65rem .85rem;display:flex}:root[data-theme=light] .surah-header-card,:root[data-theme=light] .mushaf-surah-header-card{background:linear-gradient(#f0f9ff 0%,#fff 100%);border-color:#e2e8f0}#reader-view[data-display-mode=arabic] .surah-header-card{display:none!important}.mushaf-surah-header-card{width:100%;margin:.6rem auto .85rem}.surah-header-meta{border:1px solid var(--sl-color-gray-5,#30363d);background:#ffffff0a;border-radius:9999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;padding:.15rem .45rem;font-size:.78rem;line-height:1;display:inline-flex}:root[data-theme=light] .surah-header-meta{background:#f8fafc;border-color:#e2e8f0}#reader-view[data-display-mode=arabic] .surah-header-meta{display:none!important}.surah-header-meta .revelation-tag,.surah-header-meta .meta-tag{border-radius:.25rem;padding:.12rem .45rem;font-size:.75rem;line-height:1.2}.surah-header-title-ar{color:var(--sl-color-accent-high,#38bdf8);margin:0;font-size:2.15rem;line-height:1.2;font-family:var(--site-arabic-font,"KFGQPC Uthmanic Script HAFS", serif)!important}:root[data-theme=light] .surah-header-title-ar{color:#0284c7}.surah-header-title-ug{color:var(--sl-color-white);margin:0;font-size:1.05rem;font-weight:700}:root[data-theme=light] .surah-header-title-ug{color:#0f172a}#header-surah-title-ug .heading-bookmark-btn,.surah-header-title-ug .heading-bookmark-btn{display:none!important}.bismillah-banner{color:#fff;box-shadow:none;letter-spacing:0;background:0 0;border:none;width:auto;max-width:max-content;margin:.35rem auto 0;padding:.25rem 1.25rem;font-size:1.45rem;line-height:1.4;font-family:var(--site-arabic-font,"KFGQPC Uthmanic Script HAFS", serif)!important}:root[data-theme=light] .bismillah-banner{color:#0f172a;box-shadow:none;background:0 0;border:none}.ayahs-container{flex-direction:column;gap:.65rem;display:flex}.ayah-card{content-visibility:auto;contain-intrinsic-size:auto none auto 180px;scroll-margin-top:calc(var(--sl-nav-height,3.5rem) + 1rem);background:var(--sl-color-gray-6,#16181d);border:1px solid var(--sl-color-gray-5,#30363d);border-radius:.65rem;flex-direction:column;padding:.75rem 1.15rem;transition:all .2s;display:flex;position:relative}:root[data-theme=light] .ayah-card{background:#fff;border-color:#e2e8f0}.ayah-card:hover{border-color:#0284c766;box-shadow:0 2px 10px #0000000f}.ayah-card.playing{border-color:var(--sl-color-accent,#0284c7)!important;box-shadow:0 0 0 2px var(--sl-color-accent-low,#0284c740)!important;background:#0284c71f!important}:root[data-theme=light] .ayah-card.playing{border-color:var(--sl-color-accent,#0284c7)!important;background:#0284c714!important;box-shadow:0 0 0 2px #0284c733!important}.ayah-card.playing .ayah-text-arabic{text-shadow:0 0 1px #38bdf866;color:#38bdf8!important}:root[data-theme=light] .ayah-card.playing .ayah-text-arabic{text-shadow:0 0 1px #0284c74d;color:#0284c7!important}.ayah-card.playing .ayah-text-translation{color:var(--sl-color-accent-high,#38bdf8)!important}:root[data-theme=light] .ayah-card.playing .ayah-text-translation{color:var(--sl-color-accent,#0284c7)!important}.ayah-card.highlight-ayah{animation:2s ease-in-out ayahPulse;border-color:#f59e0b!important}@keyframes ayahPulse{0%{background:#f59e0b33;box-shadow:0 0 0 3px #f59e0b80}to{background:inherit;box-shadow:none}}.ayah-micro-bar{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-bottom:.35rem;padding-bottom:.35rem;display:flex}:root[data-theme=light] .ayah-micro-bar{border-bottom-color:#f1f5f9}.ayah-ref-pill{color:var(--sl-color-accent-high,#38bdf8);font-variant-numeric:tabular-nums;background:#0284c714;border:1px solid #0284c733;border-radius:9999px;align-items:center;gap:.3rem;padding:.12rem .5rem;font-size:.74rem;font-weight:700;display:inline-flex}:root[data-theme=light] .ayah-ref-pill{color:#0284c7;background:#f0f9ff;border-color:#bae6fd}.juz-micro-tag{opacity:.75;font-size:.68rem;font-weight:500}.ayah-micro-actions{border:1px solid var(--sl-color-gray-5,#30363d);background:#ffffff08;border-radius:9999px;align-items:center;gap:.25rem;padding:1px 3px;display:inline-flex}:root[data-theme=light] .ayah-micro-actions{background:#f8fafc;border-color:#e2e8f0}.micro-tool-btn{min-width:1.45rem;height:1.45rem;color:var(--sl-color-gray-3,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.25rem;padding:0 .45rem;font-size:.7rem;font-weight:600;transition:all .15s;display:inline-flex}.micro-tool-btn:hover{color:var(--sl-color-accent-high,#38bdf8);background:#0284c726}.play-tool-btn{color:#10b981;background:#10b9811a}:root[data-theme=light] .play-tool-btn{color:#059669;background:#10b9811f}.play-tool-btn:hover,:root[data-theme=light] .play-tool-btn:hover{color:#fff;background:linear-gradient(#10b981 0%,#059669 100%);border-color:#059669;box-shadow:0 2px 6px #10b98166}.play-tool-btn.playing{color:#fff;background:linear-gradient(#10b981 0%,#059669 100%);box-shadow:0 2px 8px #10b98180}.tts-tool-btn{color:#0284c7;background:#0284c71a}:root[data-theme=light] .tts-tool-btn{color:#0284c7;background:#0284c71f}.tts-tool-btn:hover,:root[data-theme=light] .tts-tool-btn:hover{color:#fff;background:linear-gradient(#38bdf8 0%,#0284c7 100%);border-color:#0284c7;box-shadow:0 2px 6px #0284c766}.tts-tool-btn.playing{color:#fff;background:linear-gradient(#38bdf8 0%,#0284c7 100%);box-shadow:0 2px 8px #0284c780}.tts-tool-btn.loading{pointer-events:none;opacity:.7;animation:.8s infinite alternate ttsPulse}@keyframes ttsPulse{0%{opacity:.5;transform:scale(.96)}to{opacity:1;transform:scale(1.04)}}.tafsir-tool-btn{color:#fbbf24}.tafsir-tool-btn:hover{color:#fde68a;background:#f59e0b33}:root[data-theme=light] .tafsir-tool-btn{color:#b45309}:root[data-theme=light] .tafsir-tool-btn:hover{color:#92400e;background:#fef3c7}.micro-btn-label{font-size:.7rem}.ayah-bookmark-btn{color:var(--sl-color-gray-3,#94a3b8)}.ayah-bookmark-btn:hover{color:#f59e0b;background:#f59e0b26}.ayah-bookmark-btn .icon-filled{display:none}.ayah-bookmark-btn .icon-outline{display:inline-block}.ayah-bookmark-btn.is-bookmarked{color:#f59e0b}.ayah-bookmark-btn.is-bookmarked .icon-filled{display:inline-block}.ayah-bookmark-btn.is-bookmarked .icon-outline{display:none}@media (width<=640px){.ayah-micro-actions .micro-btn-label{display:none}}.ayah-text-arabic{font-size:calc(1.55rem * var(--quran-font-scale,1));text-align:right;color:var(--sl-color-white);letter-spacing:0;font-feature-settings:"cv01" on, "cv02" on;direction:rtl;margin:0 0 .35rem;line-height:1.85;font-family:var(--site-arabic-font,"KFGQPC Uthmanic Script HAFS", serif)!important}:root[data-theme=light] .ayah-text-arabic{color:#0f172a}.ayah-end-symbol{color:var(--sl-color-accent-high,#38bdf8);vertical-align:middle;margin:0 .25rem;font-size:1.15rem;display:inline-block;font-family:var(--site-arabic-font,"KFGQPC Uthmanic Script HAFS", serif)!important}:root[data-theme=light] .ayah-end-symbol{color:#0284c7}.ayah-text-translation{font-size:calc(.96rem * var(--quran-font-scale,1));color:var(--sl-color-gray-2,#cbd5e1);margin:0;line-height:1.65}.ayah-text-uyghur{text-align:right;direction:rtl}.ayah-text-en{text-align:left;font-family:var(--sl-font,system-ui, sans-serif);color:var(--sl-color-gray-1,#e2e8f0);direction:ltr;line-height:1.55}:root[data-theme=light] .ayah-text-uyghur,:root[data-theme=light] .ayah-text-en{color:#334155}.mushaf-container{flex-direction:column;align-items:center;gap:2.5rem;width:100%;margin:0 auto;display:flex}.mushaf-page-card{scroll-margin-top:calc(var(--sl-nav-height,3.5rem) + 4rem);width:100%;max-width:min(100%, calc(680px * var(--mushaf-scale,1)));scrollbar-width:thin;background:#141720;border:1.5px solid #d4af374d;border-radius:.85rem;flex-direction:column;margin:0 auto;padding:1.5rem 1.85rem;transition:all .25s;display:flex;position:relative;overflow-x:auto;box-shadow:0 8px 32px #00000059,inset 0 0 0 1px #ffffff08}:root[data-theme=light] .mushaf-page-card{background:#fffdf9;border-color:#e5d8be;box-shadow:0 8px 30px #b4965a1f,inset 0 0 0 1px #d4af371f}.mushaf-page-card.highlight-ayah{border-color:#f59e0b!important;box-shadow:0 0 0 3px #f59e0b59,0 8px 32px #00000059!important}.mushaf-running-header{direction:rtl;border-bottom:1px solid #d4af3740;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;display:grid}:root[data-theme=light] .mushaf-running-header{border-bottom-color:#ecd9b5}.mushaf-running-surah{color:#eab308;letter-spacing:0;white-space:nowrap;justify-self:start;font-size:1.2rem;font-weight:700;font-family:var(--site-arabic-font,"KFGQPC Uthmanic Script HAFS", serif)!important}:root[data-theme=light] .mushaf-running-surah{color:#b45309}.mushaf-header-left-tools{direction:rtl;justify-content:flex-end;justify-self:end;align-items:center;gap:.35rem;display:inline-flex}.mushaf-header-action-btn{width:2.2rem;min-width:2.2rem;height:2.2rem;min-height:2.2rem;color:var(--sl-color-gray-2,#e2e8f0);cursor:pointer;user-select:none;background:#d4af3714;border:1px solid #d4af3766;border-radius:.5rem;justify-content:center;align-items:center;padding:0;transition:all .18s;display:inline-flex}:root[data-theme=light] .mushaf-header-action-btn{color:#78350f;background:#fdf8ee;border-color:#e4c885;box-shadow:0 1px 2px #b453090f}.mushaf-header-action-btn:hover:not(:disabled){color:#fff;background:#d4af3738;border-color:#d4af37b3;transform:scale(1.04)}:root[data-theme=light] .mushaf-header-action-btn:hover:not(:disabled){color:#92400e;background:#faeed1;border-color:#d97706}.mushaf-header-action-btn .icon-filled{display:none}.mushaf-header-action-btn .icon-outline{display:inline-block}.mushaf-header-action-btn.is-bookmarked{color:#f59e0b;background:#f59e0b40;border-color:#f59e0b}:root[data-theme=light] .mushaf-header-action-btn.is-bookmarked{color:#92400e;background:#fde68a;border-color:#f59e0b}.mushaf-header-action-btn.is-bookmarked .icon-filled{display:inline-block}.mushaf-header-action-btn.is-bookmarked .icon-outline{display:none}.mushaf-header-action-btn.is-playing{color:#38bdf8;background:#0284c740;border-color:#0284c7}:root[data-theme=light] .mushaf-header-action-btn.is-playing{color:#0369a1;background:#e0f2fe;border-color:#0284c7}.mushaf-header-page-nav{direction:rtl;justify-content:flex-end;align-items:center;gap:.35rem;display:inline-flex}.mushaf-header-page-btn{width:2.2rem;min-width:2.2rem;height:2.2rem;min-height:2.2rem;color:var(--sl-color-gray-2,#e2e8f0);cursor:pointer;user-select:none;background:#1e293bd9;border:1px solid #ffffff24;border-radius:.5rem;justify-content:center;align-items:center;padding:0;transition:all .18s;display:inline-flex}:root[data-theme=light] .mushaf-header-page-btn{color:#78350f;background:#fdf8ee;border-color:#e4c885;box-shadow:0 1px 2px #b453090f}.mushaf-header-page-btn:hover:not(:disabled){color:#fff;background:#0284c7;border-color:#38bdf8;transform:scale(1.04)}:root[data-theme=light] .mushaf-header-page-btn:hover:not(:disabled){color:#92400e;background:#faeed1;border-color:#d97706}.mushaf-header-page-btn:disabled{opacity:.25;cursor:not-allowed;transform:none}.mushaf-header-page-btn .page-nav-icon,.mushaf-header-page-btn svg{stroke-width:2.5px;stroke:currentColor;flex-shrink:0;width:1.15rem;min-width:1.15rem;height:1.15rem;min-height:1.15rem;display:block}.mushaf-header-page-num{color:#d4af37;white-space:nowrap;justify-content:center;align-items:center;padding:0 .4rem;font-size:1.95rem;font-weight:700;line-height:1.1;display:inline-flex;font-family:var(--site-arabic-font,"KFGQPC Uthmanic Script HAFS", serif)!important}:root[data-theme=light] .mushaf-header-page-num{color:#92400e}.mushaf-surah-start-banner{text-align:center;background:#d4af3714;border:2px double #d4af3766;border-radius:.65rem;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:580px;margin:.4rem auto .6rem;padding:.45rem 1.25rem;display:flex;box-shadow:inset 0 0 12px #d4af370f}:root[data-theme=light] .mushaf-surah-start-banner{background:#faf4e6;border-color:#d4af37}.mushaf-banner-title{color:var(--sl-color-accent-high,#38bdf8);font-size:1.85rem;font-weight:700;line-height:1.25;font-family:var(--site-arabic-font,"KFGQPC Uthmanic Script HAFS", serif)!important}:root[data-theme=light] .mushaf-banner-title{color:#0284c7}.mushaf-banner-title-ug{font-family:var(--site-font-family,inherit);color:var(--sl-color-gray-2,#c9d1d9);margin-top:.25rem;font-size:.95rem;font-weight:700;line-height:1.35}:root[data-theme=light] .mushaf-banner-title-ug{color:#334155}.mushaf-page-bismillah{text-align:center;color:#fff;box-shadow:none;background:0 0;border:none;width:max-content;max-width:100%;margin:.35rem auto .65rem;padding:.2rem 1.4rem;font-size:1.45rem;line-height:1.45;font-family:var(--site-arabic-font,"KFGQPC Uthmanic Script HAFS", serif)!important}:root[data-theme=light] .mushaf-page-bismillah{color:#0f172a;box-shadow:none;background:0 0;border:none}.mushaf-lines-box{flex-direction:column;width:100%;margin:0 auto;display:flex}.mushaf-line{width:100%;min-height:calc(clamp(32px, 7.2vw, 48px) * var(--mushaf-scale,1));justify-content:space-between;align-items:center;gap:clamp(.02rem, calc(.25rem - (var(--mushaf-scale,1) - 1) * .35rem), .25rem);direction:rtl;line-height:1;display:flex}.mushaf-line.line-center{justify-content:center;gap:.6rem}.mushaf-line-skeleton{background:linear-gradient(90deg,#ffffff08 25%,#ffffff14 50%,#ffffff08 75%) 0 0/200% 100%;border-radius:4px;align-items:center;width:100%;height:38px;margin:4px 0;animation:1.5s infinite skeletonShimmer;display:flex}:root[data-theme=light] .mushaf-line-skeleton{background:linear-gradient(90deg,#00000008 25%,#0000000f 50%,#00000008 75%) 0 0/200% 100%}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.mushaf-ayah-span{padding:2px clamp(1px, calc(4px - (var(--mushaf-scale,1) - 1) * 4px), 4px);border-radius:6px;justify-content:space-between;align-items:center;margin:1px 0;transition:background-color .15s,box-shadow .15s;display:inline-flex;position:relative}.mushaf-line.line-center .mushaf-ayah-span{justify-content:center;gap:.6rem}.mushaf-ayah-span:hover,.mushaf-ayah-span.ayah-hover-active{background:#d4af372e!important}:root[data-theme=light] .mushaf-ayah-span:hover,:root[data-theme=light] .mushaf-ayah-span.ayah-hover-active{background:#d4af3738!important}.mushaf-ayah-span.playing{border-radius:4px;box-shadow:none!important;background:#04785785!important;border:none!important;outline:none!important}.mushaf-ayah-span.playing .mushaf-glyph{color:#34d399!important}:root[data-theme=light] .mushaf-ayah-span.playing{border-radius:4px;box-shadow:none!important;background:#dcfce7!important;border:none!important;outline:none!important}:root[data-theme=light] .mushaf-ayah-span.playing .mushaf-glyph{color:#064e3b!important}.mushaf-ayah-span.highlight-ayah{animation:2s ease-in-out ayahPulse;background-color:#f59e0b40!important;box-shadow:0 0 0 1.5px #f59e0b99!important}.mushaf-word{cursor:pointer;user-select:none;justify-content:center;align-items:center;padding:0 1px;transition:color .15s;display:inline-flex;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.mushaf-word.playing,.mushaf-word:hover,.mushaf-word.ayah-hover-active{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.mushaf-glyph{font-family:var(--page-font,"KFGQPC Uthmanic Script HAFS", serif);font-size:calc(clamp(16px, 3.8vw, 26px) * var(--mushaf-scale,1));color:var(--sl-color-white,#f8fafc);white-space:nowrap;direction:rtl}:root[data-theme=light] .mushaf-glyph{color:#1e293b}@media (width<=640px){.mushaf-page-card{scroll-margin-top:calc(var(--sl-nav-height,3.5rem) + 5.25rem);border-radius:.65rem;padding:.9rem .6rem}.mushaf-running-surah{font-size:.95rem}.mushaf-header-action-btn,.mushaf-header-page-btn{border-radius:.45rem;width:1.95rem;min-width:1.95rem;height:1.95rem;min-height:1.95rem;padding:0}.mushaf-header-action-btn svg,.mushaf-header-page-btn .page-nav-icon,.mushaf-header-page-btn svg{width:1.05rem;min-width:1.05rem;height:1.05rem;min-height:1.05rem}.mushaf-header-page-num{padding:0 .25rem;font-size:1.55rem}.mushaf-banner-title{font-size:1.5rem}.mushaf-page-bismillah{margin:.2rem auto .5rem;padding:.15rem 1rem;font-size:1.08rem}.mushaf-line{min-height:calc(clamp(28px, 6.8vw, 38px) * var(--mushaf-scale,1))}.mushaf-glyph{font-size:calc(clamp(15px, 3.6vw, 22px) * var(--mushaf-scale,1))}}.surah-footer-nav{-webkit-backdrop-filter:blur(12px);background:linear-gradient(135deg,#1e293b73 0%,#0f172ab8 100%);border:1px solid #ffffff14;border-radius:1rem;justify-content:space-between;align-items:center;gap:.85rem;margin:2.5rem 0 1.5rem;padding:.85rem 1.15rem;display:flex;position:relative;box-shadow:0 4px 20px -2px #00000040,inset 0 1px #ffffff0d}.surah-footer-nav:before{content:"";background:linear-gradient(90deg, transparent, #d4af3759, var(--sl-color-accent,#38bdf8), #d4af3759, transparent);pointer-events:none;border-radius:9999px;height:1px;position:absolute;top:0;left:15%;right:15%}:root[data-theme=light] .surah-footer-nav{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #e2e8f0e6;box-shadow:0 4px 20px -2px #0f172a0f,0 1px 3px #0f172a0a}.footer-nav-card{cursor:pointer;min-width:0;max-width:340px;color:var(--sl-color-white);text-align:inherit;background:#ffffff08;border:1px solid #ffffff14;border-radius:.75rem;outline:none;flex:1 1 0;align-items:center;gap:.85rem;padding:.65rem 1.1rem;font-family:inherit;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}:root[data-theme=light] .footer-nav-card{color:#0f172a;background:#fff;border:1px solid #e2e8f0;box-shadow:0 1px 3px #00000008}.footer-nav-card:hover:not(:disabled){border-color:var(--sl-color-accent,#38bdf8);box-shadow:0 6px 18px -2px #0000004d, 0 0 0 1px var(--sl-color-accent,#38bdf8);background:#ffffff12;transform:translateY(-2px)}:root[data-theme=light] .footer-nav-card:hover:not(:disabled){border-color:var(--sl-color-accent,#0284c7);box-shadow:0 6px 18px -2px #0284c726, 0 0 0 1px var(--sl-color-accent,#0284c7);background:#fff}.footer-nav-card:active:not(:disabled){transform:translateY(0)scale(.99)}.footer-nav-card:disabled{opacity:.35;cursor:not-allowed;pointer-events:none;filter:grayscale(.8)}.footer-nav-arrow-badge{width:36px;height:36px;color:var(--sl-color-gray-2);background:#ffffff0f;border:1px solid #ffffff14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}:root[data-theme=light] .footer-nav-arrow-badge{color:#475569;background:#f1f5f9;border-color:#e2e8f0}.footer-nav-card:hover:not(:disabled) .footer-nav-arrow-badge{background:var(--sl-color-accent,#38bdf8);color:#fff;border-color:#0000}:root[data-theme=light] .footer-nav-card:hover:not(:disabled) .footer-nav-arrow-badge{background:var(--sl-color-accent,#0284c7);color:#fff}.footer-nav-prev:hover:not(:disabled) .footer-nav-arrow-badge{transform:translate(-3px)}.footer-nav-next:hover:not(:disabled) .footer-nav-arrow-badge{transform:translate(3px)}[dir=rtl] .footer-nav-card .footer-chevron-icon,:root[dir=rtl] .footer-nav-card .footer-chevron-icon,.quran-container[data-lang=ug] .footer-nav-card .footer-chevron-icon{transform:rotate(180deg)}[dir=rtl] .footer-nav-prev:hover:not(:disabled) .footer-nav-arrow-badge,:root[dir=rtl] .footer-nav-prev:hover:not(:disabled) .footer-nav-arrow-badge,.quran-container[data-lang=ug] .footer-nav-prev:hover:not(:disabled) .footer-nav-arrow-badge{transform:translate(3px)}[dir=rtl] .footer-nav-next:hover:not(:disabled) .footer-nav-arrow-badge,:root[dir=rtl] .footer-nav-next:hover:not(:disabled) .footer-nav-arrow-badge,.quran-container[data-lang=ug] .footer-nav-next:hover:not(:disabled) .footer-nav-arrow-badge{transform:translate(-3px)}.footer-nav-text-col{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.footer-nav-prev .footer-nav-text-col{text-align:start;align-items:flex-start}.footer-nav-next .footer-nav-text-col{text-align:end;align-items:flex-end}.footer-nav-sub-row{align-items:center;gap:.45rem;max-width:100%;line-height:1.2;display:flex}.footer-nav-prev .footer-nav-sub-row{justify-content:flex-start}.footer-nav-next .footer-nav-sub-row{justify-content:flex-end}.footer-nav-tag{color:var(--sl-color-gray-3);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;font-size:.72rem;font-weight:600}:root[data-theme=light] .footer-nav-tag{color:#64748b}.footer-nav-ar{font-family:var(--site-arabic-font,"KFGQPC Uthmanic Script HAFS", serif);color:#d4af37;white-space:nowrap;font-size:.95rem;font-weight:400;line-height:1}:root[data-theme=light] .footer-nav-ar{color:#b45309}.footer-nav-title{color:var(--sl-color-white);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.96rem;font-weight:700;line-height:1.35;overflow:hidden}:root[data-theme=light] .footer-nav-title{color:#0f172a}.footer-top-btn{cursor:pointer;white-space:nowrap;color:var(--sl-color-gray-2);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:9999px;outline:none;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-family:inherit;font-size:.82rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 3px #0000001a}:root[data-theme=light] .footer-top-btn{color:#334155;background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 1px 2px #0000000a}.footer-top-btn:hover{border-color:var(--sl-color-accent,#38bdf8);color:var(--sl-color-accent-high,#38bdf8);background:#38bdf81f;transform:translateY(-2px);box-shadow:0 4px 12px #38bdf833}:root[data-theme=light] .footer-top-btn:hover{color:#0284c7;background:#e0f2fe;border-color:#38bdf8;box-shadow:0 4px 12px #0284c726}.footer-top-btn:active{transform:translateY(0)scale(.98)}.footer-top-icon-wrap{background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:transform .2s,background .2s;display:flex}:root[data-theme=light] .footer-top-icon-wrap{background:#0000000d}.footer-top-btn:hover .footer-top-icon-wrap{background:var(--sl-color-accent,#38bdf8);color:#fff;transform:translateY(-2px)}:root[data-theme=light] .footer-top-btn:hover .footer-top-icon-wrap{background:var(--sl-color-accent,#0284c7);color:#fff}@media (width<=680px){.surah-footer-nav{flex-wrap:wrap;gap:.65rem;margin-top:1.5rem;padding:.75rem .85rem}.footer-nav-card{flex:calc(50% - .35rem);gap:.55rem;max-width:none;padding:.55rem .75rem}.footer-nav-arrow-badge{width:30px;height:30px}.footer-nav-title{font-size:.86rem}.footer-nav-tag{font-size:.68rem}.footer-nav-ar{font-size:.82rem}.footer-top-btn{order:3;width:100%;padding:.5rem .75rem;font-size:.8rem}}.mushaf-popup-backdrop{backdrop-filter:blur(5px);background:#000000b8;justify-content:center;align-items:center;padding:1.25rem;animation:.2s ease-out fadeInModal;display:flex;z-index:999999!important;width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important}.mushaf-popup-card{background:var(--sl-color-gray-7,#0f172a);scrollbar-width:thin;border:1.5px solid #d4af3766;border-radius:1rem;flex-direction:column;gap:1rem;width:min(650px,95vw);max-height:min(85vh,680px);padding:1.25rem 1.45rem;animation:.22s cubic-bezier(.16,1,.3,1) popInModal;display:flex;overflow-y:auto;box-shadow:0 24px 48px -12px #000000bf,inset 0 0 0 1px #ffffff0d}:root[data-theme=light] .mushaf-popup-card{background:#fff;border-color:#d4af37;box-shadow:0 20px 40px -10px #b4965a40,inset 0 0 0 1px #d4af3726}.mushaf-popup-header{border-bottom:1px solid var(--sl-color-gray-6,#ffffff14);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}:root[data-theme=light] .mushaf-popup-header{border-bottom-color:#f1f5f9}.mushaf-popup-title-group{align-items:center;gap:.45rem;display:flex}.mushaf-popup-icon{font-size:1.1rem}.mushaf-popup-ref-badge{color:var(--sl-color-accent-high,#38bdf8);font-size:.88rem;font-weight:700}:root[data-theme=light] .mushaf-popup-ref-badge{color:#0284c7}.mushaf-popup-header-controls{flex-shrink:0;align-items:center;gap:.4rem;display:inline-flex}.mushaf-popup-nav-btns{flex-shrink:0;align-items:center;gap:.35rem;display:inline-flex}.mushaf-popup-nav-btn{border:1px solid var(--sl-color-gray-5,#ffffff1f);width:1.85rem;min-width:1.85rem;height:1.85rem;color:var(--sl-color-gray-2,#e2e8f0);cursor:pointer;white-space:nowrap;background:#ffffff14;border-radius:.45rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:.8rem;font-weight:600;line-height:1;transition:all .15s;display:inline-flex}:root[data-theme=light] .mushaf-popup-nav-btn{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.mushaf-popup-nav-btn:hover:not(:disabled){background:var(--sl-color-accent,#0284c7);color:#fff;border-color:var(--sl-color-accent,#0284c7)}.mushaf-popup-nav-btn:disabled{opacity:.35;cursor:not-allowed}:root[data-theme=light] .mushaf-popup-nav-btn:disabled{opacity:.4;color:#94a3b8;background:#f8fafc;border-color:#e2e8f0}.mushaf-popup-nav-btn .nav-chevron-icon,.mushaf-popup-nav-btn svg{vertical-align:middle;flex-shrink:0;width:14px;height:14px;display:inline-block}.mushaf-popup-header-btn{border:1px solid var(--sl-color-gray-5,#ffffff1f);width:1.85rem;height:1.85rem;color:var(--sl-color-gray-2,#e2e8f0);cursor:pointer;background:#ffffff0f;border-radius:.45rem;justify-content:center;align-items:center;padding:0;font-size:.8rem;font-weight:700;transition:all .15s;display:inline-flex}:root[data-theme=light] .mushaf-popup-header-btn{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.mushaf-popup-header-btn:hover{border-color:var(--sl-color-accent,#0284c7);color:var(--sl-color-white,#fff);background:#0284c71f}:root[data-theme=light] .mushaf-popup-header-btn:hover{color:#0284c7;background:#f0f9ff}.mushaf-popup-header-btn.is-bookmarked{color:#f59e0b!important;background:#f59e0b26!important;border-color:#f59e0b!important}.mushaf-popup-header-btn.is-bookmarked .icon-filled{display:inline-block!important}.mushaf-popup-header-btn.is-bookmarked .icon-outline{display:none!important}.mushaf-popup-header-btn .icon-filled{display:none}.mushaf-popup-header-btn .icon-outline{display:inline-block}.mushaf-popup-close-btn{width:1.85rem;height:1.85rem;color:var(--sl-color-gray-3);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.4rem;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.mushaf-popup-close-btn:hover{color:var(--sl-color-white);background:var(--sl-color-gray-6)}:root[data-theme=light] .mushaf-popup-close-btn:hover{color:#0f172a;background:#f1f5f9}.mushaf-popup-body{flex-direction:column;gap:.9rem;display:flex}.mushaf-popup-arabic-text{font-size:calc(1.75rem * var(--mushaf-popup-scale,1));text-align:center;color:var(--sl-color-white,#f8fafc);background:#d4af370d;border:1px dashed #d4af3740;border-radius:.65rem;margin:0;padding:.5rem;line-height:1.8;font-family:var(--site-arabic-font,"KFGQPC Uthmanic Script HAFS", serif)!important}:root[data-theme=light] .mushaf-popup-arabic-text{color:#1e293b;background:#fcf9f2;border-color:#e5d8be}.mushaf-popup-trans-wrap{background:var(--sl-color-gray-6,#ffffff0a);border:1px solid var(--sl-color-gray-5,#ffffff14);border-radius:.65rem;flex-direction:column;gap:.35rem;padding:.85rem 1rem;display:flex}:root[data-theme=light] .mushaf-popup-trans-wrap{background:#f8fafc;border-color:#e2e8f0}.mushaf-popup-trans-label{color:var(--sl-color-accent-high,#38bdf8);text-transform:uppercase;letter-spacing:.025em;font-size:.74rem;font-weight:700}:root[data-theme=light] .mushaf-popup-trans-label{color:#0284c7}.mushaf-popup-trans-text{font-size:calc(1.05rem * var(--mushaf-popup-scale,1));color:var(--sl-color-gray-1,#e2e8f0);margin:0;line-height:1.75}:root[data-theme=light] .mushaf-popup-trans-text{color:#334155}.mushaf-popup-actions{border-top:1px solid var(--sl-color-gray-6,#ffffff14);flex-wrap:nowrap;align-items:center;gap:.45rem;padding-top:.5rem;display:flex}:root[data-theme=light] .mushaf-popup-actions{border-top-color:#f1f5f9}.mushaf-action-btn{cursor:pointer;user-select:none;white-space:nowrap;border:1px solid #0000;border-radius:.45rem;flex:1;justify-content:center;align-items:center;gap:.32rem;min-width:0;height:1.95rem;padding:0 .65rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex}.mushaf-action-btn svg{flex-shrink:0;width:13px;height:13px}.mushaf-action-btn.play-btn{color:#fff;background:linear-gradient(#10b981 0%,#059669 100%);border:1px solid #059669;flex:1.25;box-shadow:0 2px 8px #10b98166}.mushaf-action-btn.play-btn:hover{color:#fff;background:linear-gradient(#34d399 0%,#10b981 100%);border-color:#10b981;box-shadow:0 4px 12px #10b9818c}:root[data-theme=light] .mushaf-action-btn.play-btn{color:#fff;background:linear-gradient(#10b981 0%,#059669 100%);border-color:#059669}:root[data-theme=light] .mushaf-action-btn.play-btn:hover{color:#fff;background:linear-gradient(#34d399 0%,#10b981 100%);border-color:#10b981;box-shadow:0 4px 12px #10b9818c}.mushaf-action-btn.tts-btn{color:#fff;background:linear-gradient(#0284c7 0%,#0369a1 100%);border:1px solid #0284c7;flex:1.1;box-shadow:0 2px 8px #0284c766}.mushaf-action-btn.tts-btn:hover{color:#fff;background:linear-gradient(#38bdf8 0%,#0284c7 100%);border-color:#38bdf8;box-shadow:0 4px 12px #0284c78c}:root[data-theme=light] .mushaf-action-btn.tts-btn{color:#fff;background:linear-gradient(#0284c7 0%,#0369a1 100%);border-color:#0284c7}:root[data-theme=light] .mushaf-action-btn.tts-btn:hover{color:#fff;background:linear-gradient(#38bdf8 0%,#0284c7 100%);border-color:#38bdf8;box-shadow:0 4px 12px #0284c78c}.mushaf-action-btn.tts-btn.playing{color:#fff;background:linear-gradient(#38bdf8 0%,#0284c7 100%);border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf859}.mushaf-action-btn.tts-btn.loading{pointer-events:none;animation:.8s infinite alternate ttsPulse}.mushaf-action-btn.tafsir-btn{color:#facc15;background:#d4af371f;border-color:#d4af3766;flex:1}.mushaf-action-btn.tafsir-btn:hover{color:#fff;background:#d4af373d;border-color:#eab308;box-shadow:0 4px 12px #d4af3740}:root[data-theme=light] .mushaf-action-btn.tafsir-btn{color:#a16207;background:#fefce8;border-color:#eab308}:root[data-theme=light] .mushaf-action-btn.tafsir-btn:hover{color:#713f12;background:#fef08a}.mushaf-action-btn.bookmark-btn{color:#f59e0b;background:#f59e0b1f;border-color:#f59e0b4d}.mushaf-action-btn.bookmark-btn:hover{color:#fff;background:#f59e0b38;border-color:#f59e0b99}:root[data-theme=light] .mushaf-action-btn.bookmark-btn{color:#b45309;background:#fef3c7;border-color:#fcd34d}.mushaf-action-btn.bookmark-btn .icon-filled{display:none}.mushaf-action-btn.bookmark-btn .icon-outline{display:inline-block}.mushaf-action-btn.bookmark-btn.is-bookmarked{color:#f59e0b;background:#f59e0b40;border-color:#f59e0b}.mushaf-action-btn.bookmark-btn.is-bookmarked .icon-filled{display:inline-block}.mushaf-action-btn.bookmark-btn.is-bookmarked .icon-outline{display:none}.mushaf-action-btn.copy-btn{background:var(--sl-color-gray-6,#ffffff0d);border-color:var(--sl-color-gray-5,#334155);color:var(--sl-color-gray-2,#e2e8f0)}.mushaf-action-btn.copy-btn:hover{background:var(--sl-color-gray-5);color:var(--sl-color-white)}:root[data-theme=light] .mushaf-action-btn.copy-btn{color:#475569;background:#f8fafc;border-color:#cbd5e1}:root[data-theme=light] .mushaf-action-btn.copy-btn:hover{color:#0f172a;background:#e2e8f0}.tafsir-modal-backdrop{backdrop-filter:blur(6px);background:#000c;justify-content:center;align-items:center;padding:1.25rem;display:flex;z-index:999999!important;width:100vw!important;height:100vh!important;position:fixed!important;inset:0!important}.tafsir-modal-box{background:var(--sl-color-gray-6,#16181d);border:1px solid var(--sl-color-gray-5,#30363d);border-radius:1.25rem;flex-direction:column;gap:.85rem;width:min(1040px,95vw);max-height:min(860px,88vh);padding:1.35rem 1.6rem;display:flex;overflow:hidden;box-shadow:0 25px 60px #0009}:root[data-theme=light] .tafsir-modal-box{background:#fff;border-color:#cbd5e1;box-shadow:0 25px 60px #0f172a2e}.tafsir-modal-header{border-bottom:1px solid var(--sl-color-gray-5);flex-shrink:0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.5rem;padding-bottom:.5rem;display:grid}.tafsir-header-title-box{justify-self:start;align-items:center;gap:.4rem;min-width:0;display:flex}.tafsir-icon-symbol{flex-shrink:0;font-size:1.15rem;line-height:1}.tafsir-ayah-badge{color:var(--sl-color-accent-high,#38bdf8);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:700;overflow:hidden}:root[data-theme=light] .tafsir-ayah-badge{color:#0284c7}.tafsir-nav-btns{flex-shrink:0;align-items:center;gap:.3rem;display:inline-flex}.tafsir-nav-btn{border:1px solid var(--sl-color-gray-5);width:28px;min-width:28px;height:28px;min-height:28px;color:var(--sl-color-gray-2);cursor:pointer;background:#ffffff14;border-radius:.45rem;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.tafsir-nav-btn .nav-text{display:none!important}:root[data-theme=light] .tafsir-nav-btn{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.tafsir-nav-btn:hover:not(:disabled){background:var(--sl-color-accent);color:#fff;border-color:var(--sl-color-accent)}.tafsir-nav-btn:disabled{opacity:.45;cursor:not-allowed}:root[data-theme=light] .tafsir-nav-btn:disabled{opacity:.5;color:#94a3b8;background:#f8fafc;border-color:#cbd5e1}.tafsir-nav-btn .nav-chevron-icon,.tafsir-nav-btn svg{vertical-align:middle;stroke:currentColor;flex-shrink:0;width:13px;min-width:13px;height:13px;min-height:13px;display:inline-block}.tafsir-modal-bookmark-btn{color:#f59e0b;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:.45rem;flex-shrink:0;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}:root[data-theme=light] .tafsir-modal-bookmark-btn{color:#b45309;background:#fef3c7;border-color:#fcd34d}.tafsir-modal-bookmark-btn:hover{color:#d97706;background:#f59e0b38;border-color:#f59e0b99}.tafsir-modal-bookmark-btn .icon-filled{display:none}.tafsir-modal-bookmark-btn .icon-outline{display:inline-block}.tafsir-modal-bookmark-btn.is-bookmarked{color:#f59e0b;background:#f59e0b40;border-color:#f59e0b}:root[data-theme=light] .tafsir-modal-bookmark-btn.is-bookmarked{color:#92400e;background:#fde68a;border-color:#f59e0b}.tafsir-modal-bookmark-btn.is-bookmarked .icon-filled{display:inline-block}.tafsir-modal-bookmark-btn.is-bookmarked .icon-outline{display:none}.modal-bookmark-text{font-family:inherit;font-size:.78rem;line-height:1}.tafsir-header-center-box{justify-content:center;justify-self:center;align-items:center;display:flex}.tafsir-select-box{border:1px solid var(--sl-color-accent,#0284c7);box-sizing:border-box;background:#0284c71f;border-radius:.45rem;align-items:center;height:28px;padding:0 .55rem;transition:all .2s;display:inline-flex;position:relative}:root[data-theme=light] .tafsir-select-box{background:#f0f9ff;border-color:#0284c7}.tafsir-select-icon{flex-shrink:0;margin-inline-end:.35rem;font-size:.9rem}.tafsir-source-select{height:100%;color:var(--sl-color-white);cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;border:none;outline:none;padding-inline-end:1.2rem;font-size:.8rem;font-weight:600}:root[data-theme=light] .tafsir-source-select{color:#0369a1}.tafsir-source-select option{background-color:var(--sl-color-gray-6,#16181d);color:#fff;padding:.35rem}:root[data-theme=light] .tafsir-source-select option{color:#0f172a;background-color:#fff}.select-chevron{pointer-events:none;color:var(--sl-color-accent);font-size:.7rem;position:absolute;right:.5rem}[dir=rtl] .select-chevron{left:.5rem;right:auto}.tafsir-header-actions{justify-self:end;align-items:center;gap:.4rem;min-width:0;display:flex}.tafsir-font-wrap{align-items:center;display:inline-flex;position:relative}.tafsir-header-icon-btn{border:1px solid var(--sl-color-gray-5);width:28px;min-width:28px;height:28px;min-height:28px;color:var(--sl-color-gray-2);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffff0f;border-radius:.45rem;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}:root[data-theme=light] .tafsir-header-icon-btn{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.tafsir-header-icon-btn:hover{background:var(--sl-color-accent);border-color:var(--sl-color-accent);color:#fff}.tafsir-modal-tts-btn{position:relative;box-shadow:0 0 10px #38bdf840;color:#38bdf8!important;background:#0ea5e92e!important;border:1.5px solid #38bdf88c!important}.tafsir-modal-tts-btn:hover{transform:translateY(-1px);box-shadow:0 0 14px #38bdf880;color:#fff!important;background:#0284c7!important;border-color:#38bdf8!important}:root[data-theme=light] .tafsir-modal-tts-btn{box-shadow:0 1px 4px #0284c733;color:#0284c7!important;background:#e0f2fe!important;border:1.5px solid #0284c7!important}:root[data-theme=light] .tafsir-modal-tts-btn:hover{color:#fff!important;background:#0284c7!important;border-color:#0284c7!important}.tafsir-modal-tts-btn.playing{box-shadow:0 0 0 2px #38bdf866,0 0 16px #38bdf899;color:#fff!important;background:#0284c7!important;border-color:#38bdf8!important}.tafsir-modal-tts-btn.loading{pointer-events:none;animation:.8s infinite alternate ttsPulse}[dir=ltr] .tafsir-header-actions .tafsir-font-wrap{order:1}[dir=ltr] .tafsir-header-actions #tafsir-modal-tts-btn{order:2}[dir=ltr] .tafsir-header-actions #tafsir-modal-bookmark-btn{order:3}[dir=ltr] .tafsir-header-actions #tafsir-modal-share-btn{order:4}[dir=ltr] .tafsir-header-actions #tafsir-intro-toggle-btn{order:5}[dir=ltr] .tafsir-header-actions #tafsir-modal-close{order:6}[dir=rtl] .tafsir-header-actions #tafsir-modal-tts-btn{order:1}[dir=rtl] .tafsir-header-actions .tafsir-font-wrap{order:2}[dir=rtl] .tafsir-header-actions #tafsir-modal-bookmark-btn{order:3}[dir=rtl] .tafsir-header-actions #tafsir-modal-share-btn{order:4}[dir=rtl] .tafsir-header-actions #tafsir-intro-toggle-btn{order:5}[dir=rtl] .tafsir-header-actions #tafsir-modal-close{order:6}.tafsir-font-popover{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#16181df5;border:1px solid #ffffff1f;border-radius:.75rem;flex-direction:column;align-items:center;width:max-content;min-width:48px;padding:.5rem .35rem;display:flex;position:absolute;top:calc(100% + 6px);box-shadow:0 12px 28px #0000008c;left:50%!important;right:auto!important;transform:translate(-50%)!important}:root[data-theme=light] .tafsir-font-popover{background:#fffffff5;border-color:#cbd5e1;box-shadow:0 12px 28px #0f172a24}.tafsir-font-popover-title{color:var(--sl-color-gray-3);text-align:center;white-space:nowrap;font-size:.72rem;font-weight:600}.tafsir-popover-controls{justify-content:center;align-items:center;gap:.25rem;display:inline-flex}.tafsir-popover-btn{border:1px solid var(--sl-color-gray-5);color:var(--sl-color-gray-2);cursor:pointer;background:#ffffff14;border-radius:.35rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700;line-height:1;transition:all .15s}:root[data-theme=light] .tafsir-popover-btn{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.tafsir-popover-btn:hover{background:var(--sl-color-accent);border-color:var(--sl-color-accent);color:#fff}.tafsir-font-reset-val{text-align:center;min-width:44px;color:var(--sl-color-accent-high,#38bdf8)}:root[data-theme=light] .tafsir-font-reset-val{color:#0284c7}.tafsir-mini-btn{color:var(--sl-color-gray-2);cursor:pointer;background:0 0;border:none;border-radius:.3rem;padding:.15rem .35rem;font-size:.72rem;font-weight:700;line-height:1;transition:all .15s}.mushaf-popup-font-wrap{align-items:center;min-width:0;display:inline-flex;position:relative;flex:none!important}.mushaf-action-btn.font-btn{color:#38bdf8;background:#0ea5e91f;border-color:#0ea5e959;width:100%}.mushaf-action-btn.font-btn:hover{color:#fff;background:#0ea5e938;border-color:#0ea5e9;box-shadow:0 4px 12px #0ea5e940}:root[data-theme=light] .mushaf-action-btn.font-btn{color:#0369a1;background:#f0f9ff;border-color:#bae6fd}:root[data-theme=light] .mushaf-action-btn.font-btn:hover{color:#0284c7;background:#e0f2fe;border-color:#7dd3fc}.mushaf-font-aa-icon{letter-spacing:-.02em;justify-content:center;align-items:center;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.88rem;font-weight:700;line-height:1;display:inline-flex;direction:ltr!important}.mushaf-font-popover-dropdown{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#16181df5;border:1px solid #ffffff1f;border-radius:.75rem;flex-direction:column;align-items:center;width:max-content;min-width:48px;padding:.5rem .35rem;display:flex;position:absolute;top:calc(100% + 6px);bottom:auto;box-shadow:0 12px 28px #0000008c;left:50%!important;right:auto!important;transform:translate(-50%)!important}:root[data-theme=light] .mushaf-font-popover-dropdown{background:#fffffff5;border-color:#cbd5e1;box-shadow:0 12px 28px #0f172a24}.mushaf-font-popover-title{color:var(--sl-color-gray-3);text-align:center;white-space:nowrap;font-size:.72rem;font-weight:600}.mushaf-popover-controls{justify-content:center;align-items:center;gap:.25rem;display:inline-flex}.font-pop-btn{border:1px solid var(--sl-color-gray-5);color:var(--sl-color-gray-2);cursor:pointer;background:#ffffff14;border-radius:.35rem;padding:.25rem .5rem;font-size:.75rem;font-weight:700;line-height:1;transition:all .15s}:root[data-theme=light] .font-pop-btn{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.font-pop-btn:hover{background:var(--sl-color-accent);border-color:var(--sl-color-accent);color:#fff}.font-pop-btn:disabled,.tafsir-popover-btn:disabled,.font-btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}:root[data-theme=light] .font-pop-btn:disabled,:root[data-theme=light] .tafsir-popover-btn:disabled,:root[data-theme=light] .font-btn:disabled{opacity:.4;color:#94a3b8;background:#f8fafc;border-color:#e2e8f0}.font-reset-val{text-align:center;min-width:44px;color:var(--sl-color-accent-high,#38bdf8)}:root[data-theme=light] .font-reset-val{color:#0284c7}.modal-close-btn{color:#f87171;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ef44441f;border:1px solid #ef44444d;border-radius:.45rem;flex-shrink:0;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}:root[data-theme=light] .modal-close-btn{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.modal-close-btn:hover{color:#fff;background:#ef444438;border-color:#ef444499}:root[data-theme=light] .modal-close-btn:hover{color:#991b1b;background:#fecaca}.modal-close-text{font-family:inherit;font-size:.78rem;line-height:1}@media (width<=900px){.tafsir-modal-bookmark-btn .modal-bookmark-text,.modal-close-btn .modal-close-text{display:none!important}.tafsir-modal-bookmark-btn,.modal-close-btn{border-radius:.45rem!important;width:28px!important;min-width:28px!important;padding:0!important}}.tafsir-content-box{background:var(--sl-color-gray-7,#0d1117);border:1px solid var(--sl-color-gray-5,#30363d);border-radius:.85rem;flex-direction:column;flex:auto;gap:.75rem;min-height:0;padding:1.15rem 1.4rem;display:flex;overflow:hidden}:root[data-theme=light] .tafsir-content-box{background:#fff;border-color:#e2e8f0}.tafsir-content-header{border-bottom:1px dashed var(--sl-color-gray-5);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.75rem;display:flex}.tafsir-book-badge{color:var(--sl-color-accent-high,#38bdf8);white-space:nowrap;font-size:1rem;font-weight:800}.tafsir-header-controls{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.tafsir-font-toolbar{border:1px solid var(--sl-color-gray-5);background:#ffffff0a;border-radius:.45rem;align-items:center;gap:.25rem;padding:.15rem .3rem;display:inline-flex}:root[data-theme=light] .tafsir-font-toolbar{background:#f1f5f9;border-color:#cbd5e1}.tafsir-mini-btn{color:var(--sl-color-gray-2);cursor:pointer;background:0 0;border:none;border-radius:.3rem;padding:.2rem .45rem;font-size:.75rem;font-weight:700;transition:all .15s}.tafsir-mini-btn:hover{background:var(--sl-color-accent);color:#fff}.tafsir-intro-toggle-btn{border:1px solid var(--sl-color-accent);color:var(--sl-color-accent-high,#38bdf8);cursor:pointer;white-space:nowrap;background:#0284c71a;border-radius:.45rem;flex-shrink:0;justify-content:center;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.82rem;font-weight:600;line-height:1.4;transition:all .15s;display:inline-flex}.tafsir-intro-toggle-btn:hover{background:var(--sl-color-accent);color:#fff}.tafsir-surah-intro-card{border-right:3px solid var(--sl-color-accent);color:var(--sl-color-gray-2);background:#0284c70d;border-radius:.45rem;flex-shrink:0;max-height:180px;margin-bottom:.5rem;padding:.85rem 1.15rem;font-size:.98rem;line-height:1.9;overflow-y:auto}:root[data-theme=light] .tafsir-surah-intro-card{background:#f0f9ff}.tafsir-commentary-body{color:var(--sl-color-gray-1,#f1f5f9);text-align:right;overscroll-behavior:contain;padding-inline-end:.85rem;scrollbar-width:thin;direction:rtl;flex:auto;min-height:0;padding-bottom:.5rem;font-size:1rem;line-height:2.1;overflow-y:auto}:root[data-theme=light] .tafsir-commentary-body{color:#1e293b}.tafsir-p{margin-bottom:1.15rem}.tafsir-p:last-child{margin-bottom:0}.tafsir-h1,.tafsir-h2,.tafsir-h3{color:var(--sl-color-accent-high,#38bdf8);margin:1.5rem 0 .65rem;font-weight:700}.tafsir-h1{font-size:1.35rem}.tafsir-h2{font-size:1.22rem}.tafsir-h3{font-size:1.1rem}.tafsir-loading{color:var(--sl-color-gray-3);justify-content:center;align-items:center;gap:.75rem;padding:3rem 1rem;font-size:1.05rem;display:flex}.tafsir-spinner{border:2px solid var(--sl-color-gray-5);border-top-color:var(--sl-color-accent);border-radius:50%;width:1.35rem;height:1.35rem;animation:.8s linear infinite tafsir-spin}@keyframes tafsir-spin{to{transform:rotate(360deg)}}.tafsir-empty-msg,.tafsir-error-msg{text-align:center;color:var(--sl-color-gray-3);padding:2.5rem 1rem;font-size:1rem}.tafsir-library-details{border:1px solid var(--sl-color-gray-5);background:#ffffff05;border-radius:.65rem;flex-shrink:0;padding:.65rem 1rem}.tafsir-modal-footer{flex-shrink:0;padding-top:.25rem}.tafsir-library-summary{color:var(--sl-color-gray-2);cursor:pointer;user-select:none;font-size:.88rem;font-weight:700}.tafsir-library-details[open] .tafsir-books-list{margin-top:.85rem}.tafsir-text-ar{color:var(--sl-color-white);text-align:right;direction:rtl;margin:0;font-size:1.5rem;line-height:2.15;font-family:KFGQPC Uthmanic Script HAFS,Scheherazade New,Amiri Quran,serif!important}:root[data-theme=light] .tafsir-text-ar{color:#0f172a}.tafsir-text-trans{color:var(--sl-color-gray-2);margin:0;font-size:.95rem;line-height:1.75}.tafsir-section-subtitle{color:var(--sl-color-gray-2);margin:0 0 .85rem;font-size:.95rem;font-weight:700}.tafsir-books-list{flex-direction:column;gap:.75rem;display:flex}.tafsir-book-card{background:var(--sl-color-gray-7,#0d1117);border:1px solid var(--sl-color-gray-5,#30363d);border-radius:.65rem;flex-direction:column;gap:.4rem;padding:1rem;display:flex}:root[data-theme=light] .tafsir-book-card{background:#f8fafc;border-color:#e2e8f0}.tafsir-book-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.tafsir-book-title{color:var(--sl-color-white);margin:0;font-size:1.05rem;font-weight:700}:root[data-theme=light] .tafsir-book-title{color:#0f172a}.status-badge{border-radius:9999px;padding:.15rem .55rem;font-size:.72rem;font-weight:600}.status-available{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.status-digitizing{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.status-planned{color:#94a3b8;background:#94a3b826;border:1px solid #94a3b84d}.tafsir-book-author{color:var(--sl-color-gray-2);margin:0;font-size:.82rem}.tafsir-book-desc{color:var(--sl-color-gray-3);margin:0;font-size:.85rem;line-height:1.6}.tafsir-notice{color:var(--sl-color-gray-3);margin:0;font-size:.82rem;line-height:1.6}.audio-player-bar{box-sizing:border-box;border:1px solid var(--sl-color-accent);color:#fff;background:#0f172a;border-radius:9999px;justify-content:space-between;align-items:center;gap:.75rem;width:max-content;min-width:min(340px,92vw);max-width:min(580px,94vw);margin:0;padding:.5rem 1.15rem;animation:.25s ease-out slideUp;display:flex;position:fixed;bottom:1.25rem;left:50%;right:auto;transform:translate(-50%);box-shadow:0 10px 30px #00000080;z-index:1000005!important}body.quran-audio-playing .return-to-top-btn,body:has(#audio-player-bar:not([style*="display: none"])) .return-to-top-btn{bottom:calc(5.25rem + env(safe-area-inset-bottom,0px))!important;z-index:1000010!important;transition:bottom .25s cubic-bezier(.16,1,.3,1),opacity .25s,transform .25s!important}@media (width<=640px){body.quran-audio-playing .return-to-top-btn,body:has(#audio-player-bar:not([style*="display: none"])) .return-to-top-btn{bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))!important;z-index:1000010!important}}body.quran-audio-playing .mushaf-popup-backdrop,body:has(#audio-player-bar:not([style*="display: none"])) .mushaf-popup-backdrop,body.quran-audio-playing .tafsir-modal-backdrop,body:has(#audio-player-bar:not([style*="display: none"])) .tafsir-modal-backdrop{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))!important}body.quran-audio-playing .mushaf-popup-card,body:has(#audio-player-bar:not([style*="display: none"])) .mushaf-popup-card{max-height:min(76vh,580px)!important}body.quran-audio-playing .tafsir-modal-box,body:has(#audio-player-bar:not([style*="display: none"])) .tafsir-modal-box{max-height:min(78vh,760px)!important}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,100%)}to{opacity:1;transform:translate(-50%)}}.audio-info{align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.audio-sound-wave{animation:1s infinite alternate pulse}@keyframes pulse{0%{opacity:.4}to{opacity:1}}.audio-reciter{color:#94a3b8;font-size:.75rem}.audio-controls{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.audio-btn{color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffff1a;border:none;border-radius:9999px;justify-content:center;align-items:center;width:2.1rem;min-width:2.1rem;height:2.1rem;min-height:2.1rem;padding:0;font-size:.85rem;transition:all .15s;display:inline-flex}.audio-btn svg{pointer-events:none;display:block}.audio-btn:hover{background:var(--sl-color-accent,#0284c7);color:#fff;transform:scale(1.05)}.audio-btn:active{transform:scale(.95)}.audio-btn-play{background:var(--sl-color-accent,#0284c7);width:2.3rem;min-width:2.3rem;height:2.3rem;min-height:2.3rem;font-size:.95rem}.audio-btn-play:hover{background:var(--sl-color-accent-high,#38bdf8)}.audio-volume-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.audio-volume-popover{z-index:1001;border:1px solid var(--sl-color-accent,#0284c7);-webkit-backdrop-filter:blur(14px);background:#0f172af5;border-radius:1rem;flex-direction:column;align-items:center;gap:.45rem;width:max-content;min-width:44px;padding:.65rem .45rem;animation:.15s ease-out volumePopFade;display:flex;position:absolute;bottom:calc(100% + 12px);box-shadow:0 12px 32px #0009;left:50%!important;right:auto!important;transform:translate(-50%)!important}.audio-volume-popover:after{content:"";border-style:solid;border-width:6px;border-color:var(--sl-color-accent,#0284c7) transparent transparent transparent;position:absolute;top:100%;left:50%;transform:translate(-50%)}.audio-volume-popover:before{content:"";height:16px;position:absolute;top:100%;left:-12px;right:-12px}:root[data-theme=light] .audio-volume-popover{background:#fffffffa;border-color:#cbd5e1;box-shadow:0 12px 32px #0f172a2e}:root[data-theme=light] .audio-volume-popover:after{border-color:#cbd5e1 #0000 #0000}@keyframes volumePopFade{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.audio-volume-val{color:var(--sl-color-accent-high,#38bdf8);font-variant-numeric:tabular-nums;text-align:center;min-width:32px;font-size:.72rem;font-weight:700;line-height:1}:root[data-theme=light] .audio-volume-val{color:#0284c7}.audio-volume-slider.vertical{writing-mode:vertical-lr;-webkit-appearance:slider-vertical;appearance:slider-vertical;cursor:pointer;width:14px;min-width:14px;height:85px;accent-color:var(--sl-color-accent,#0284c7);direction:rtl;margin:.15rem 0}.audio-volume-mini-btn{color:#fff;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#ffffff14;border:1px solid #ffffff26;border-radius:9999px;justify-content:center;align-items:center;width:24px;min-width:24px;height:24px;min-height:24px;padding:0;transition:all .15s;display:inline-flex}:root[data-theme=light] .audio-volume-mini-btn{color:#334155;background:#f1f5f9;border-color:#cbd5e1}.audio-volume-mini-btn:hover{background:var(--sl-color-accent,#0284c7);border-color:var(--sl-color-accent,#0284c7);color:#fff;transform:scale(1.08)}.quran-toast{color:#fff;z-index:10000;opacity:0;pointer-events:none;background:#0f172af2;border:1px solid #ffffff26;border-radius:9999px;padding:.65rem 1.25rem;font-size:.88rem;font-weight:600;transition:all .25s;position:fixed;bottom:5.5rem;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 8px 24px #0000004d}.quran-toast.visible{opacity:1;transform:translate(-50%)translateY(0)}.reader-loading{color:var(--sl-color-gray-3);flex-direction:column;justify-content:center;align-items:center;gap:.85rem;padding:3rem 0;display:flex}.spinner{border:3px solid #0284c733;border-top-color:var(--sl-color-accent,#0284c7);border-radius:50%;width:2rem;height:2rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.no-results-box{text-align:center;color:var(--sl-color-gray-3);padding:3rem 1rem}.reset-btn{background:var(--sl-color-accent,#0284c7);color:#fff;cursor:pointer;border:none;border-radius:.5rem;margin-top:.75rem;padding:.45rem 1rem;font-weight:600}@media (width<=860px){.reader-toolbar{flex-wrap:nowrap;gap:.25rem}.reader-display-controls{width:auto}.toolbar-view-mode-group{display:none!important}.toolbar-mobile-mode-wrap,.toolbar-view-mode-icon-btn{display:inline-flex!important}}@media (width<=640px){.quran-hero-card{padding:1.25rem}.directory-toolbar{gap:.45rem;padding:.55rem .65rem}.search-box-wrapper{flex:auto;order:1;min-width:0;max-width:none;height:2.15rem;padding:0}:root[dir=ltr] .search-box-wrapper,html[dir=ltr] .search-box-wrapper{order:2}.search-box-wrapper .quran-search-icon,.search-box-wrapper .search-icon{left:.75rem!important;right:auto!important}.search-input{height:2.15rem!important;padding-left:2.4rem!important;padding-right:.85rem!important;font-size:.82rem!important}.juz-selector-wrapper{flex:none;order:2}:root[dir=ltr] .juz-selector-wrapper,[dir=ltr] .juz-selector-wrapper{order:1}.juz-select{max-width:105px;height:2.15rem;padding:0 .4rem;font-size:.78rem}.filter-group{order:3;gap:.3rem;width:100%;margin-inline-start:0;display:flex}.filter-pill{text-align:center;white-space:nowrap;flex:1 1 0;padding:.32rem .35rem;font-size:.74rem}.reader-toolbar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.2rem;padding:.25rem .35rem;display:grid;top:3.5rem;overflow:visible}.reader-toolbar::-webkit-scrollbar{display:none}.reader-nav-controls{flex-wrap:nowrap;flex:auto;align-items:center;gap:.2rem;min-width:0;display:flex}.toolbar-surah-group{flex:none;align-items:center;display:flex!important}.toolbar-surah-group .reader-surah-select{width:auto;min-width:80px;max-width:105px;height:1.95rem;padding:0 .25rem;font-size:.74rem}.toolbar-jump-group{flex-wrap:nowrap;align-items:center;gap:.18rem;display:inline-flex}.toolbar-jump-label{display:none}.toolbar-jump-item{align-items:center;gap:.12rem;display:inline-flex}.jump-page-select{width:3.4rem;max-width:58px;height:1.95rem;padding:0 .15rem;font-size:.72rem}.jump-number-input{width:1.85rem;height:1.95rem;padding:0 .1rem;font-size:.72rem}.jump-btn{width:1.45rem;min-width:1.45rem;height:1.95rem;padding:0 .2rem;font-size:.85rem}.toolbar-page-tools{gap:.15rem}.toolbar-tool-btn{width:1.95rem;height:1.95rem}.reader-display-controls{flex:none;align-items:center;display:flex}.reader-display-menu-btn{height:1.95rem;padding:0 .4rem}#reader-view{--qr-nav-btn-w:1.7rem;--qr-nav-gap:.35rem;--qr-nav-h:4.2rem;--qr-nav-top:10.5rem}.floating-page-btn{width:1.7rem;height:2.1rem}.surah-header-card{gap:.2rem;padding:.45rem .65rem}.surah-header-meta{gap:.25rem;padding:.12rem .35rem}.surah-header-meta .revelation-tag,.surah-header-meta .meta-tag{padding:.08rem .35rem;font-size:.7rem}.surah-header-title-ar{font-size:1.75rem}.surah-header-title-ug{font-size:.92rem}.ayahs-container{gap:.5rem}.ayah-card{scroll-margin-top:calc(var(--sl-nav-height,3.5rem) + 5.25rem);border-radius:.55rem;padding:.65rem .85rem}.ayah-micro-bar{margin-bottom:.25rem;padding-bottom:.25rem}.ayah-text-arabic{font-size:calc(1.35rem * var(--quran-font-scale,1));margin-bottom:.25rem;line-height:1.8}.ayah-text-translation{font-size:calc(.88rem * var(--quran-font-scale,1));line-height:1.55}.bismillah-banner{padding:.2rem 1rem;font-size:1rem;line-height:1.35}.toolbar-view-mode-group{display:none!important}.toolbar-mobile-mode-wrap,.toolbar-view-mode-icon-btn{display:inline-flex!important}.toolbar-surah-indicator{max-width:100%;height:1.95rem;padding:0 .55rem;font-size:.74rem}.tafsir-modal-backdrop{padding:.5rem .5rem .75rem;padding-top:max(1.25rem, calc(env(safe-area-inset-top,0px) + .85rem));justify-content:center;align-items:flex-start}.tafsir-modal-box{width:100%;max-width:100vw;height:auto;max-height:calc(100dvh - max(2.5rem, calc(env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px) + 2rem)));border:1px solid var(--sl-color-gray-5,#30363d);border-radius:1rem;gap:.55rem;margin-top:.35rem;padding:.85rem 1rem;box-shadow:0 20px 50px #0009}.audio-player-bar{border-radius:9999px;justify-content:space-between;gap:.5rem;padding:.4rem .65rem .4rem .85rem;box-sizing:border-box!important;bottom:max(.75rem, calc(.5rem + env(safe-area-inset-bottom,0px)))!important;width:calc(100vw - 1.25rem)!important;max-width:calc(100vw - 1.25rem)!important;margin:0!important;left:50%!important;right:auto!important;transform:translate(-50%)!important}#audio-prev-btn,#audio-next-btn{display:none!important}.audio-volume-slider.vertical{height:75px}.audio-volume-mini-btn{width:22px;min-width:22px;height:22px;min-height:22px}.audio-info{text-overflow:ellipsis;white-space:nowrap;flex:auto;gap:.35rem;min-width:0;font-size:.82rem;overflow:hidden}#audio-current-label{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:600;overflow:hidden}.audio-reciter{display:none}.audio-controls{flex-shrink:0;gap:.4rem}.audio-btn{width:2rem;min-width:2rem;height:2rem;min-height:2rem;font-size:.85rem}.audio-btn-play{width:2.35rem;min-width:2.35rem;height:2.35rem;min-height:2.35rem;font-size:.95rem}:root[data-theme=light] .tafsir-modal-box{border-color:#cbd5e1;box-shadow:0 20px 50px #0f172a33}.tafsir-modal-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.35rem;padding-bottom:.4rem;display:flex}.tafsir-header-title-box{flex:auto;align-items:center;gap:.25rem;min-width:0;display:inline-flex}.tafsir-icon-symbol{flex-shrink:0;font-size:1.1rem;line-height:1}.tafsir-ayah-badge{color:var(--sl-color-accent-high,#38bdf8);text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:110px;font-size:.82rem;font-weight:700;overflow:hidden}.tafsir-nav-btns{flex-shrink:0!important;align-items:center!important;gap:.2rem!important;display:inline-flex!important}.tafsir-nav-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .15s;border:1px solid var(--sl-color-gray-5)!important;width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;color:var(--sl-color-white,#f8fafc)!important;cursor:pointer!important;background:#ffffff14!important;border-radius:.4rem!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;padding:0!important;display:inline-flex!important}:root[data-theme=light] .tafsir-nav-btn{color:#334155!important;background:#f1f5f9!important;border-color:#cbd5e1!important}.tafsir-nav-btn:hover:not(:disabled),.tafsir-nav-btn:active:not(:disabled){background:var(--sl-color-accent,#0284c7)!important;border-color:var(--sl-color-accent,#0284c7)!important;color:#fff!important}.tafsir-nav-btn:disabled{pointer-events:none;opacity:.35!important;cursor:not-allowed!important}.tafsir-nav-btn .nav-text{display:none!important}.tafsir-nav-btn .nav-chevron-icon,.tafsir-nav-btn svg{stroke:currentColor!important;stroke-width:2.5px!important;flex-shrink:0!important;width:14px!important;min-width:14px!important;height:14px!important;min-height:14px!important;display:block!important}.tafsir-modal-bookmark-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:.4rem!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;padding:0!important;display:inline-flex!important}.tafsir-modal-bookmark-btn .modal-bookmark-text{display:none!important}.tafsir-modal-bookmark-btn svg{flex-shrink:0!important;width:14px!important;min-width:14px!important;height:14px!important;min-height:14px!important}.tafsir-modal-bookmark-btn .icon-filled{display:none!important}.tafsir-modal-bookmark-btn .icon-outline,.tafsir-modal-bookmark-btn.is-bookmarked .icon-filled{display:block!important}.tafsir-modal-bookmark-btn.is-bookmarked .icon-outline{display:none!important}.tafsir-header-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:.25rem;display:inline-flex}.tafsir-font-wrap{display:inline-flex}.modal-close-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:.4rem!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;padding:0!important;display:inline-flex!important}.modal-close-btn .modal-close-text{display:none!important}.modal-close-btn svg{flex-shrink:0!important;width:14px!important;min-width:14px!important;height:14px!important;min-height:14px!important;display:block!important}.tafsir-header-center-box{order:3;justify-content:center;width:100%;margin-top:.1rem;display:flex}.tafsir-select-box{width:100%;max-width:340px;height:30px;padding:0 .5rem}.tafsir-source-select{width:100%;font-size:.78rem}.tafsir-content-box{flex-direction:column;flex:0 auto;min-height:0;max-height:100%;padding:.75rem .85rem;display:flex;overflow:hidden}.tafsir-content-header{padding-bottom:.4rem}.tafsir-book-badge{font-size:.88rem}.tafsir-commentary-body{-webkit-overflow-scrolling:touch;flex:0 auto;min-height:0;max-height:100%;padding-inline-end:.25rem;font-size:.95rem;line-height:1.95;overflow-y:auto!important}.tafsir-modal-footer{display:none!important}.mushaf-popup-backdrop{padding:.5rem .5rem .75rem;padding-top:max(1.25rem, calc(env(safe-area-inset-top,0px) + .85rem));justify-content:center;align-items:flex-start}.mushaf-popup-card{width:100%;max-width:100vw;max-height:calc(100dvh - max(2.5rem, calc(env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px) + 2rem)));margin-top:.35rem;padding:.95rem 1rem}body.quran-audio-playing .mushaf-popup-backdrop,body:has(#audio-player-bar:not([style*="display: none"])) .mushaf-popup-backdrop{padding-bottom:calc(4.75rem + env(safe-area-inset-bottom,0px))!important}body.quran-audio-playing .mushaf-popup-card,body:has(#audio-player-bar:not([style*="display: none"])) .mushaf-popup-card{max-height:calc(100dvh - max(6.5rem, calc(env(safe-area-inset-top,0px) + env(safe-area-inset-bottom,0px) + 5.5rem)))!important}.mushaf-popup-header-controls{gap:.35rem}.mushaf-popup-nav-btns{gap:.25rem}.mushaf-popup-nav-btn{width:1.85rem;height:1.85rem;padding:0}.mushaf-popup-nav-btn .mushaf-nav-text{display:none}.mushaf-popup-arabic-text{font-size:calc(1.45rem * var(--mushaf-popup-scale,1));line-height:1.7}.mushaf-popup-trans-text{font-size:calc(.95rem * var(--mushaf-popup-scale,1));line-height:1.65}.mushaf-popup-actions{flex-wrap:nowrap;justify-content:space-between;gap:.35rem;padding-top:.45rem}.mushaf-action-btn{border-radius:.5rem;flex:1 1 0;justify-content:center;align-items:center;gap:0;min-width:0;height:2.15rem;padding:0}.mushaf-popup-font-wrap{min-width:0;flex:none!important}.mushaf-action-btn .mushaf-btn-text{display:none!important}.mushaf-action-btn svg{width:15px;height:15px}.mushaf-font-aa-icon{font-size:.92rem}}