:root{--mushaf-bg:#f8f9fa;--mushaf-surface:#ffffff;--mushaf-border:#e9ecef;--mushaf-text:#1a1a1a;--mushaf-text-muted:#6c757d;--mushaf-primary:#0d6efd;--mushaf-primary-dark:#0a58ca;--verse-playing-bg:rgba(255,235,59,0.35);--verse-playing-stroke:#f9a825;--verse-selected-bg:rgba(0,123,255,0.18);--verse-selected-stroke:#007bff;--verse-memorized-bg:rgba(76,175,80,0.22);--verse-memorized-stroke:#4caf50;--verse-hover-bg:rgba(0,123,255,0.08);--memo-paper:#faf8f3;--memo-text-hidden:#d8d3c8;--memo-primary:#16a34a;--memo-learning:#2563eb;--memo-review:#f59e0b;--memo-danger:#dc2626;--memo-easy:#10b981;--listen-primary:#0ea5e9;--listen-playing-bg:rgba(14,165,233,0.15);--listen-active-bg:#0ea5e9;--topbar-height:56px;--z-topbar:60;--z-fit:70;--z-modal-backdrop:80;--z-modal-panel:81;--z-toast:90;--z-lightbox:100;--z-sheet-backdrop:110;--z-sheet-panel:111;--sidebar-width:380px;--topbar-radius:9999px;--card-radius:16px;--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 8px 24px rgba(0,0,0,0.12)}[data-bs-theme=dark],[data-theme=dark]{--mushaf-bg:#0f1419;--mushaf-surface:#1a1f26;--mushaf-border:#2a3139;--mushaf-text:#e9ecef;--mushaf-text-muted:#8b949e;--mushaf-primary:#4d9fff;--mushaf-primary-dark:#2f7fe0;--verse-playing-bg:rgba(255,235,59,0.22);--verse-playing-stroke:#f9a825;--verse-selected-bg:rgba(77,159,255,0.2);--verse-selected-stroke:#4d9fff;--verse-memorized-bg:rgba(76,175,80,0.24);--verse-memorized-stroke:#66bb6a;--verse-hover-bg:rgba(77,159,255,0.1);--memo-paper:#1a1f26;--memo-text-hidden:#3a4450;--memo-primary:#22c55e;--memo-learning:#60a5fa;--memo-review:#fbbf24;--memo-danger:#f87171;--memo-easy:#34d399;--listen-primary:#38bdf8;--listen-playing-bg:rgba(56,189,248,0.15);--listen-active-bg:#0ea5e9}@media (min-width:1024px){:root{--topbar-height:40px}}.mushaf-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:9999px;border:1px solid transparent;color:var(--mushaf-text-muted);transition:background .15s ease,color .15s ease,border-color .15s ease}@media (hover:hover){.mushaf-icon-btn:hover{background:var(--verse-hover-bg);color:var(--mushaf-primary);border-color:var(--mushaf-border)}}.mushaf-icon-btn:active{background:var(--mushaf-border)}.mushaf-icon-btn.is-active{background:var(--verse-selected-bg);color:var(--mushaf-primary);border-color:var(--verse-selected-stroke)}:root{--topbar-icon-bg:#fdfbf6;--topbar-icon-border:#e8d9b0;--topbar-icon-color:#1a5d3a;--topbar-icon-hover-bg:#f5f0e5;--topbar-icon-hover-border:#c9a961;--topbar-icon-hover-shadow:0 2px 8px rgba(201,169,97,0.2);--topbar-icon-active-bg:#e8f0ea;--topbar-icon-active-border:#1a5d3a}[data-bs-theme=dark],[data-theme=dark]{--topbar-icon-bg:#1a1f26;--topbar-icon-border:#3a4149;--topbar-icon-color:#4ade80;--topbar-icon-hover-bg:#232830;--topbar-icon-hover-border:#c9a961;--topbar-icon-hover-shadow:0 2px 8px rgba(201,169,97,0.3);--topbar-icon-active-bg:#1a3a2a;--topbar-icon-active-border:#4ade80}.topbar-icon-btn{width:3rem;height:3rem;display:inline-flex;align-items:center;justify-content:center;border-radius:9999px;background:var(--topbar-icon-bg);border:1.5px solid var(--topbar-icon-border);color:var(--topbar-icon-color);transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease;cursor:pointer;flex-shrink:0}@media (hover:hover){.topbar-icon-btn:hover:not(:disabled){background:var(--topbar-icon-hover-bg);border-color:var(--topbar-icon-hover-border);transform:scale(1.05);box-shadow:var(--topbar-icon-hover-shadow)}}.topbar-icon-btn:active:not(:disabled){background:var(--topbar-icon-hover-bg);transform:scale(.98)}.topbar-icon-btn:focus-visible{outline:2px solid var(--topbar-icon-color);outline-offset:2px}.topbar-icon-btn:disabled{opacity:.4;cursor:not-allowed}.topbar-icon-btn--active,.topbar-icon-btn.is-active{background:var(--topbar-icon-active-bg);border-color:var(--topbar-icon-active-border)}@media (prefers-reduced-motion:reduce){.topbar-icon-btn{transition:background .15s ease,border-color .15s ease}.topbar-icon-btn:active:not(:disabled),.topbar-icon-btn:hover:not(:disabled){transform:none}}.mushaf-icon-btn,.topbar-icon-btn,.topbar-important-icon{position:relative}.mushaf-icon-btn:after,.topbar-icon-btn:after,.topbar-important-icon:after{content:"";position:absolute;inset:-6px}.topbar-important-icon:after{inset:-8px;border-radius:9999px}.memo-on-dot{position:absolute;top:2px;inset-inline-end:2px;width:8px;height:8px;border-radius:9999px;background:var(--memo-primary,#16a34a);box-shadow:0 0 0 2px var(--topbar-icon-bg,#fdfbf6)}.touch-44,.touch-44-sm{position:relative}.touch-44-sm:after,.touch-44:after{content:"";position:absolute;border-radius:inherit}.touch-44:after{inset:-6px}.touch-44-sm:after{inset:-8px}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-top-x,.safe-area-x{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.safe-area-top-x{padding-top:env(safe-area-inset-top)}[data-bottom-sheet-open] [class*=overflow-y-auto],[role=dialog] [class*=overflow-y-auto]{overscroll-behavior:contain}:root{--index-gold:#c9a961;--index-gold-soft:#e8d9b0;--index-green:#1a5d3a;--index-green-soft:#e8f0ea;--index-red:#a33;--index-red-soft:#e5b4b4;--index-paper:#faf8f3;--index-paper-deep:#f5f0e5;--index-text-primary:#1a1a1a;--index-text-secondary:#6b6b6b;--index-text-muted:#9b9b9b}[data-bs-theme=dark],[data-theme=dark]{--index-gold:#d4b978;--index-gold-soft:#4a4132;--index-green:#4ade80;--index-green-soft:#14342a;--index-red:#f87171;--index-red-soft:#7f1d1d;--index-paper:#1a1f26;--index-paper-deep:#222a33;--index-text-primary:#e9ecef;--index-text-secondary:#b0b8c1;--index-text-muted:#8b949e}.index-amiri{font-family:Amiri,Cairo,serif}.index-cairo{font-family:Cairo,KSAR,KSAR-fallback,sans-serif}.index-ksar{font-family:KSAR,KSAR-fallback,sans-serif}.index-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.index-no-scrollbar::-webkit-scrollbar{display:none}@media (hover:hover){.index-close-btn:hover{background:var(--index-gold-soft)}}.index-close-btn:active{background:var(--index-gold-soft);transform:scale(.97)}@media (hover:hover){.index-row:hover{background:color-mix(in srgb,var(--index-gold-soft) 35%,transparent)}}.index-list>li+li{border-top:1px solid var(--index-gold-soft)}@media (hover:hover){.index-page-tile:hover{border-color:var(--index-gold);background:color-mix(in srgb,var(--index-gold-soft) 40%,transparent)}}.index-page-tile:active{background:color-mix(in srgb,var(--index-gold-soft) 55%,transparent);transform:scale(.98)}.index-search::placeholder{color:var(--index-text-muted)}.index-search:focus{border-color:var(--index-gold)}:root{--home-primary:#1a5d3a;--home-primary-soft:#e8f0ea;--home-gold:#c9a961;--home-gold-soft:#e8d9b0;--home-surface:var(--mushaf-surface);--home-bg:var(--mushaf-bg,var(--mushaf-surface));--home-border:var(--mushaf-border);--home-text:var(--mushaf-text);--home-text-muted:var(--mushaf-text-muted);--home-success:#16a34a;--home-success-bg:#e8f5ec;--home-warning:#b45309;--home-warning-bg:#fef3e2;--home-error:#b91c1c;--home-error-bg:#fdecec;--home-info:#1d4ed8;--home-info-bg:#e8effd;--home-slate-500:#64748b;--home-slate-600:#475569;--home-slate-100:#f1f5f9;--home-font:"Cairo","KSAR-fallback",sans-serif;--home-space-1:4px;--home-space-2:8px;--home-space-3:12px;--home-space-4:16px;--home-space-6:24px;--home-space-8:32px;--home-space-12:48px;--home-radius-sm:0.375rem;--home-radius-md:0.75rem;--home-radius-lg:1rem;--home-radius-xl:1.5rem;--home-shadow-sm:0 1px 2px rgba(0,0,0,0.04);--home-shadow-md:0 4px 12px rgba(0,0,0,0.06);--home-shadow-lg:0 8px 24px rgba(0,0,0,0.08)}@media (prefers-reduced-motion:reduce){.home-anim,.home-anim *{animation:none!important;transition:none!important}}:root{--book-bg:#faf8f3;--book-page-bg:#ffffff;--book-spine:rgba(0,0,0,0.08);--book-shadow:0 20px 60px rgba(0,0,0,0.15)}[data-bs-theme=dark],[data-theme=dark]{--book-bg:#1a1f26;--book-page-bg:#1a1f26;--book-spine:rgba(255,255,255,0.08);--book-shadow:0 20px 60px rgba(0,0,0,0.5)}.mushaf-scroll-container{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.mushaf-scroll-container::-webkit-scrollbar{display:none;width:0;height:0}.spread-book,.spread-single{background:linear-gradient(to bottom,var(--book-bg),var(--mushaf-bg))}.spread-book{display:flex;align-items:center;justify-content:center;padding:.75rem .5rem}@media (min-width:768px){.spread-book{padding:1.5rem 1rem}}.book{align-items:stretch;aspect-ratio:2892/2297;height:min(100%,calc(100vh - 140px));height:min(100%,calc(100dvh - 140px));width:auto;max-width:min(78vw,1400px);border-radius:4px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.08),0 24px 60px rgba(0,0,0,.12)}.book,.book-page{position:relative;display:flex;background:var(--book-page-bg)}.book-page{flex:1 1 50%;min-width:0;height:100%;align-items:center;justify-content:center}.book-page--right{box-shadow:inset -8px 0 16px -12px rgba(0,0,0,.15)}.book-page--left{box-shadow:inset 8px 0 16px -12px rgba(0,0,0,.15)}.book-page img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:-webkit-optimize-contrast}.book-page-empty{background:linear-gradient(to bottom,var(--book-page-bg),var(--book-bg))}.book-spine{flex:0 0 2px;width:2px;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.12) 8%,rgba(0,0,0,.18) 50%,rgba(0,0,0,.12) 92%,transparent);pointer-events:none;z-index:5}.flip-sheen{position:absolute;inset:0;z-index:15;pointer-events:none;background:linear-gradient(270deg,rgba(255,255,255,0) 20%,rgba(255,255,255,.35) 50%,rgba(255,255,255,0) 80%)}[data-bs-theme=dark] .flip-sheen,[data-theme=dark] .flip-sheen{background:linear-gradient(270deg,rgba(255,255,255,0) 20%,rgba(255,255,255,.12) 50%,rgba(255,255,255,0) 80%)}.page-skeleton{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:var(--book-page-bg)}.page-skeleton-inner{width:82%;height:92%;border-radius:4px;background:linear-gradient(100deg,var(--mushaf-border) 30%,var(--mushaf-bg) 50%,var(--mushaf-border) 70%);background-size:200% 100%;animation:page-shimmer 1.4s ease-in-out infinite}@keyframes page-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.topbar-floating{position:fixed;top:0;left:0;right:0;z-index:var(--z-topbar);transition:transform .3s ease-out}.topbar-floating.topbar-hidden{transform:translateY(-100%)}.mushaf-topbar.topbar-floating{position:fixed}@media (min-width:1024px){.topbar-compact .mushaf-icon-btn,.topbar-compact .topbar-icon-btn{position:relative;width:2rem;height:2rem}.topbar-compact .mushaf-icon-btn:after,.topbar-compact .topbar-icon-btn:after{content:"";position:absolute;inset:-6px}.topbar-compact .topbar-center{font-size:.75rem}}:root{--topbar-important-gold-from:#c9a961;--topbar-important-gold-to:#e8d9b0;--topbar-important-green-from:#1a5d3a;--topbar-important-green-to:#2d7a52;--topbar-important-gold-shadow:rgba(201,169,97,0.4);--topbar-important-green-shadow:rgba(26,93,58,0.4)}[data-bs-theme=dark],[data-theme=dark]{--topbar-important-gold-from:#b08d45;--topbar-important-gold-to:#c9a961;--topbar-important-green-from:#2d7a52;--topbar-important-green-to:#4ade80}.topbar-important-icon{width:1.75rem;height:1.75rem;border-radius:9999px;color:#fff;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;position:relative;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;will-change:transform}.topbar-important-icon--toggle{background:linear-gradient(135deg,var(--topbar-important-gold-from),var(--topbar-important-gold-to));box-shadow:0 2px 8px var(--topbar-important-gold-shadow);animation:topbar-important-pulse 4s ease-in-out infinite}.topbar-important-icon--index{background:linear-gradient(135deg,var(--topbar-important-green-from),var(--topbar-important-green-to));box-shadow:0 2px 8px var(--topbar-important-green-shadow);animation:topbar-important-pulse 4s ease-in-out infinite}@media (hover:hover){.topbar-important-icon:hover:not(:disabled){transform:scale(1.08);box-shadow:0 6px 16px var(--topbar-important-gold-shadow)}.topbar-important-icon--index:hover:not(:disabled){box-shadow:0 6px 16px var(--topbar-important-green-shadow)}}.topbar-important-icon:active:not(:disabled){transform:scale(.95)}.topbar-important-icon:focus-visible{outline:2px solid #fff;outline-offset:2px}.topbar-important-icon:disabled{opacity:.4;cursor:not-allowed}@keyframes topbar-important-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.topbar-important-icon__chevron{transition:transform .3s ease;display:inline-flex;align-items:center;justify-content:center}.topbar-important-icon[aria-expanded=true] .topbar-important-icon__chevron{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.topbar-important-icon{animation:none!important;transition:background .15s ease}.topbar-important-icon:active:not(:disabled),.topbar-important-icon:hover:not(:disabled){transform:none}.topbar-important-icon__chevron{transition:none}.topbar-important-icon[aria-expanded=true] .topbar-important-icon__chevron{transform:rotate(180deg)}}.reading-progress{position:absolute;top:0;left:0;right:0;height:3px;flex:none;background:transparent;opacity:0;transition:opacity .3s ease}.reading-progress.is-visible{opacity:1}.reading-progress>div{height:100%;background:linear-gradient(to left,var(--mushaf-primary),var(--mushaf-primary-dark));border-radius:9999px;transition:width .25s ease}.mushaf-topbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(255,255,255,.85);border-bottom:1px solid rgba(0,0,0,.06);color:var(--mushaf-text)}[data-bs-theme=dark] .mushaf-topbar,[data-theme=dark] .mushaf-topbar{background:rgba(26,31,38,.85);border-bottom:1px solid rgba(255,255,255,.08)}.ayah-hero{background:linear-gradient(180deg,rgba(251,191,36,.12),transparent)}[data-bs-theme=dark] .ayah-hero,[data-theme=dark] .ayah-hero{background:linear-gradient(180deg,rgba(251,191,36,.07),transparent)}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.15) transparent}.scrollbar-thin::-webkit-scrollbar{height:4px;width:4px}.scrollbar-thin::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:4px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.side-panel{position:fixed;right:16px;bottom:16px;width:clamp(340px,30vw,420px);display:flex;flex-direction:column;overflow:hidden;background:var(--mushaf-surface);border:1px solid var(--mushaf-border);border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,.08),0 16px 40px rgba(0,0,0,.12);z-index:40}.side-panel,.side-panel-expanded{top:calc(var(--topbar-height, 56px) + 12px)}.side-panel-expanded{right:12px;bottom:12px;left:12px;width:auto}@media (max-width:1023px){.side-panel{display:none}}@media (min-width:1024px){.side-panel--docked:not(.side-panel-expanded){position:static;top:auto;right:auto;bottom:auto;left:auto;order:-1;flex-shrink:0;align-self:stretch;width:clamp(340px,30vw,420px);margin:0 12px 12px}.reader-compressed .spread-book .book{max-width:min(100%,1350px)}}.verse-poly{transition:fill .2s,stroke .2s,filter .2s}@media (hover:hover){.verse-poly:hover{filter:drop-shadow(0 2px 6px rgba(0,123,255,.45))}}.mushaf-icon-btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--mushaf-primary);outline-offset:2px}@media (min-width:1024px){.book{gap:12px;background:transparent;border:none;border-radius:0;box-shadow:none;filter:drop-shadow(0 4px 12px rgba(0,0,0,.08)) drop-shadow(0 16px 40px rgba(0,0,0,.12))}.book-spine,.book-spine:after,.book-spine:before{display:none}.book-page{border-radius:2px}.book-page--right{box-shadow:inset -10px 0 15px -12px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.04)}.book-page--left{box-shadow:inset 10px 0 15px -12px rgba(0,0,0,.15),0 1px 3px rgba(0,0,0,.04)}.spread-book{background:radial-gradient(ellipse at center,#fbf8f1 0,#f4efe3 60%,#e9e2d2 100%)}.book{max-width:min(75vw,1350px)}.spread-book{padding:8px}.book{height:min(100%,calc(100vh - 40px));height:min(100%,calc(100dvh - 40px))}}[data-bs-theme=dark] .book,[data-theme=dark] .book{border-color:var(--mushaf-border)}@media (min-width:1024px){[data-bs-theme=dark] .spread-book,[data-theme=dark] .spread-book{background:radial-gradient(ellipse at center,#20262e 0,#1a1f26 65%,#141920 100%)}}.spread-book,.spread-single{content-visibility:auto;contain-intrinsic-size:100vw 100dvh}.book-page{contain:layout style}.mobile-bottombar{padding-bottom:env(safe-area-inset-bottom)}@media (max-width:767px){.spread-book{padding:.5rem 0}.book{width:100%;max-width:100%;max-height:calc(100dvh - 100px);border-radius:0}.book .book-page--left{display:none}.book .book-page--right{flex-basis:100%}}@media (prefers-reduced-motion:reduce){.mushaf-scroll-container{scroll-behavior:auto;scroll-snap-type:proximity}.flip-sheen,.page-skeleton-inner{animation:none}.flip-sheen{display:none}.fit-pill,.fit-pill *,.reader-push,.reading-progress,.reading-progress>div,.topbar-floating,.verse-poly{transition:none}}:root{--tab-paper-bg:#fdfbf6;--tab-paper-border:#e8d9b0;--tab-paper-border-hover:#c9a961;--tab-green:#1a5d3a;--tab-green-soft:rgba(26,93,58,0.05);--tab-green-border-soft:rgba(26,93,58,0.2);--tab-green-hover:rgba(26,93,58,0.1);--tab-gold:#c9a961;--tab-gold-soft:#e8d9b0;--tab-text-primary:#1a1a1a;--tab-text-muted:#6b7280}[data-bs-theme=dark],[data-theme=dark]{--tab-paper-bg:#1a1f26;--tab-paper-border:#3a4149;--tab-paper-border-hover:#c9a961;--tab-green:#4ade80;--tab-green-soft:rgba(74,222,128,0.08);--tab-green-border-soft:rgba(74,222,128,0.25);--tab-green-hover:rgba(74,222,128,0.15);--tab-gold:#c9a961;--tab-gold-soft:#7a6a3f;--tab-text-primary:#f1f5f9;--tab-text-muted:#94a3b8}.tab-card{background:var(--tab-paper-bg);border:1px solid var(--tab-paper-border);border-radius:.75rem;padding:1rem;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:box-shadow .2s ease,border-color .2s ease}@media (hover:hover){.tab-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.06);border-color:var(--tab-paper-border-hover)}}.tab-headword{font-family:Hafs,serif;color:var(--tab-green);font-size:1.25rem;line-height:1.6;display:inline-flex;align-items:center;gap:.35rem}.tab-ornament{font-family:Amiri,serif;color:var(--tab-gold);font-size:.875rem;line-height:1}.tab-rule{height:1px;background:linear-gradient(to left,transparent 0,var(--tab-gold-soft) 20%,var(--tab-gold-soft) 80%,transparent 100%);margin:.5rem 0 .75rem;border:0}.tab-body{font-family:KSAR,KSAR-fallback,sans-serif;color:var(--tab-text-primary);font-size:calc(1rem * var(--quran-font-scale, 1));line-height:2;text-align:justify}.tab-meta{color:var(--tab-text-muted)}.tab-action-btn,.tab-meta{font-family:Cairo,sans-serif;font-size:.75rem;display:inline-flex;align-items:center;gap:.35rem}.tab-action-btn{color:var(--tab-green);background:var(--tab-green-soft);border:1px solid var(--tab-green-border-soft);border-radius:.375rem;padding:.25rem .5rem;transition:background .15s ease;position:relative}.tab-action-btn:after{content:"";position:absolute;inset:-9px -4px;border-radius:inherit}@media (hover:hover){.tab-action-btn:hover{background:var(--tab-green-hover)}}.tab-action-btn:active{background:var(--tab-green-hover);transform:scale(.98)}.tab-reflect-type{--reflect-color:#6b7280}.tab-reflect-type--stop{--reflect-color:#2563eb}.tab-reflect-type--touch{--reflect-color:#16a34a}.tab-reflect-type--action{--reflect-color:#ea580c}.tab-reflect-type--project{--reflect-color:#9333ea}.tab-reflect-type--interact{--reflect-color:#db2777}.tab-reflect-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--reflect-color);color:#ffffff;border-radius:.5rem;margin-bottom:.75rem;font-family:Cairo,sans-serif;font-size:.875rem;font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.08)}.tab-reflect-header__dot{width:8px;height:8px;border-radius:9999px;background:rgba(255,255,255,.9);flex-shrink:0}.tab-reflect-header__count{margin-right:auto;font-size:.75rem;font-weight:500;opacity:.9}[data-bs-theme=dark] .tab-reflect-type--stop,[data-theme=dark] .tab-reflect-type--stop{--reflect-color:#3b82f6}[data-bs-theme=dark] .tab-reflect-type--touch,[data-theme=dark] .tab-reflect-type--touch{--reflect-color:#22c55e}[data-bs-theme=dark] .tab-reflect-type--action,[data-theme=dark] .tab-reflect-type--action{--reflect-color:#f97316}[data-bs-theme=dark] .tab-reflect-type--project,[data-theme=dark] .tab-reflect-type--project{--reflect-color:#a855f7}[data-bs-theme=dark] .tab-reflect-type--interact,[data-theme=dark] .tab-reflect-type--interact{--reflect-color:#ec4899}.tab-selector{width:100%;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--tab-paper-bg);border:1px solid var(--tab-paper-border);border-radius:.5rem;font-family:Cairo,sans-serif;font-size:.875rem;color:var(--tab-text-primary);transition:border-color .2s;cursor:pointer}@media (hover:hover){.tab-selector:hover{border-color:var(--tab-paper-border-hover)}}.tab-selector__label{flex:1;text-align:right;font-weight:600}.tab-selector__spinner{width:14px;height:14px;border:2px solid var(--tab-gold-soft);border-top-color:var(--tab-green);border-radius:9999px;animation:tab-spin .7s linear infinite;flex-shrink:0}@keyframes tab-spin{to{transform:rotate(1turn)}}.tab-selector-menu{position:absolute;top:100%;right:0;left:0;margin-top:.25rem;z-index:40;background:var(--tab-paper-bg);border:1px solid var(--tab-paper-border);border-radius:.5rem;box-shadow:0 8px 24px rgba(0,0,0,.08);overflow:hidden}.tab-selector-search{width:100%;padding:.5rem .75rem;border:0;border-bottom:1px solid var(--tab-paper-border);background:transparent;font-family:Cairo,sans-serif;font-size:.75rem;color:var(--tab-text-primary);outline:none}@media (max-width:767px){.tab-selector-search{font-size:1rem}}.tab-selector-list{max-height:12rem;overflow-y:auto}.tab-selector-item{width:100%;text-align:right;padding:.5rem .75rem;font-family:Cairo,sans-serif;font-size:.875rem;color:var(--tab-text-primary);background:transparent;border:0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:.5rem;position:relative}.tab-selector-item:after{content:"";position:absolute;inset:-4px 0}@media (hover:hover){.tab-selector-item:hover{background:var(--tab-green-soft)}}.tab-selector-item:active{background:var(--tab-green-soft);transform:scale(.99)}.tab-selector-item--active{background:var(--tab-green-soft);color:var(--tab-green);font-weight:600}.tab-tafseer-body{font-family:KSAR,KSAR-fallback,sans-serif;font-size:calc(1rem * var(--quran-font-scale, 1));line-height:2;text-align:justify;color:var(--tab-text-primary)}.tab-tafseer-body p{font-size:1em;margin-bottom:.75rem}.tab-tafseer-body p:last-child{margin-bottom:0}.tab-tafseer-body .ayah,.tab-tafseer-body .quran,.tab-tafseer-body blockquote,.tab-tafseer-body q,.tab-verse-quote{font-family:Hafs,serif;color:var(--tab-green)}.tab-verse-quote{margin-top:.75rem;padding:.75rem 1rem;background:rgba(201,169,97,.06);border:1px solid var(--tab-gold-soft);border-radius:.5rem;text-align:center;font-size:1.25rem;line-height:2}.tab-verse-quote .tab-ornament{font-family:Amiri,serif;color:var(--tab-gold);font-size:1.125rem;margin:0 .5rem;vertical-align:middle}[data-bs-theme=dark] .tab-verse-quote,[data-theme=dark] .tab-verse-quote{background:rgba(201,169,97,.08);border-color:rgba(201,169,97,.3)}.tab-audio-box{background:rgba(201,169,97,.06);border:1px solid var(--tab-gold-soft);border-radius:.5rem;padding:.75rem;margin-bottom:.75rem}.tab-audio-box .rhap_container{background:transparent;box-shadow:none;padding:0}.tab-audio-box .rhap_main-controls-button,.tab-audio-box .rhap_repeat-button,.tab-audio-box .rhap_volume-button{color:var(--tab-green)}.tab-audio-box .rhap_progress-filled{background-color:var(--tab-green)}.tab-audio-box .rhap_progress-bar-show-download{background-color:rgba(26,93,58,.15)}.tab-audio-box .rhap_time{color:var(--tab-text-muted);font-family:Cairo,sans-serif;font-size:.75rem}.tab-audio-box .rhap_play-pause-button{color:var(--tab-green)}@media (hover:hover){.tab-audio-box .rhap_play-pause-button:hover{color:var(--tab-gold)}}.tab-reading-body{font-family:KSAR,KSAR-fallback,sans-serif;font-size:calc(1rem * var(--quran-font-scale, 1));line-height:2;text-align:justify;color:var(--tab-text-primary)}.tab-reading-body p{font-size:1em;margin-bottom:.75rem}.tab-reading-body p:last-child{margin-bottom:0}.tab-reading-body .ayah,.tab-reading-body .quran,.tab-reading-body blockquote,.tab-reading-body q{font-family:Hafs,serif;color:var(--tab-green)}[data-bs-theme=dark] .tab-audio-box,[data-theme=dark] .tab-audio-box{background:rgba(201,169,97,.08);border-color:rgba(201,169,97,.3)}