@charset "UTF-8";@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400 500;src:url(/fonts/Inter-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--color-primary:#1a4b3a;--color-primary-light:#2d6b4f;--color-secondary:#8b5a3c;--color-accent:#2563eb;--color-text-primary:#1a1a1a;--color-text-secondary:#666;--color-text-tertiary:#999;--color-text-arabic:#2c3e50;--color-bg-primary:#fff;--color-bg-secondary:#f8f9fa;--color-bg-tertiary:#f5f7f8;--color-bg-sidebar:#f5f7f8;--color-border:#e1e5e9;--color-border-light:#f0f2f5;--color-border-dark:#d0d7de;--color-shadow:rgba(0,0,0,.1);--color-shadow-md:rgba(0,0,0,.15);--color-shadow-lg:rgba(0,0,0,.2);--color-on-primary:#fff;--color-on-secondary:#fff;--color-on-accent:#fff}[data-theme=dark]{--color-primary:#2d6b4f;--color-primary-light:#3a7d5c;--color-secondary:#a67c52;--color-accent:#3b82f6;--color-text-primary:#e1e5e9;--color-text-secondary:#b0b8c0;--color-text-tertiary:#8b949e;--color-text-arabic:#c9d1d9;--color-bg-primary:#0d1117;--color-bg-secondary:#161b22;--color-bg-tertiary:#21262d;--color-bg-sidebar:#161b22;--color-border:#30363d;--color-border-light:#21262d;--color-border-dark:#484f58;--color-shadow:rgba(0,0,0,.3);--color-shadow-md:rgba(0,0,0,.4);--color-shadow-lg:rgba(0,0,0,.5);--color-on-primary:#fff;--color-on-secondary:#fff;--color-on-accent:#fff}:root{--font-arabic:"KFGQPC Nastaleeq","Noto Naskh Arabic","Amiri","Arabic Typesetting","Geeza Pro","Traditional Arabic","Al Bayan","DejaVu Sans","Liberation Serif","Times New Roman",serif;--font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-translation:14px;--font-size-arabic:24px;--font-size-xxs:0.65rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--sidebar-width:320px;--sidebar-width-collapsed:60px;--header-height:64px;--shadow-sm:0 1px 3px var(--color-shadow);--shadow-md:0 4px 12px var(--color-shadow-md);--shadow-lg:0 8px 24px var(--color-shadow-lg);--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;overscroll-behavior:none}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--font-size-base);line-height:1.6;overflow-x:hidden;overscroll-behavior-y:none}.app{display:flex;height:100dvh;overflow:hidden}.sidebar{background-color:var(--color-bg-sidebar);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width var(--transition-normal);width:var(--sidebar-width);z-index:100}.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar.collapsed .sidebar-header{flex-direction:column;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-lg) var(--spacing-sm)}.sidebar.collapsed .header-controls{flex-direction:column;gap:var(--spacing-xs)}.sidebar.collapsed .app-title,.sidebar.collapsed .domain-link-container,.sidebar.collapsed .sidebar-content{display:none}.sidebar.collapsed .sidebar-toggle{display:block;margin:0}.sidebar.collapsed .theme-toggle{display:flex;margin:0}@media (max-width:768px){.sidebar{height:100dvh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform var(--transition-normal)}.sidebar.open{box-shadow:var(--shadow-lg);transform:translateX(0)}.sidebar.collapsed{width:var(--sidebar-width)}.sidebar.collapsed .sidebar-header{flex-direction:row;gap:0;padding:var(--spacing-lg)}.sidebar.collapsed .header-controls{flex-direction:row;gap:var(--spacing-sm)}.sidebar.collapsed .sidebar-content{overflow:visible}.sidebar.collapsed .app-title,.sidebar.collapsed .domain-link-container{display:block}}.sidebar-header{align-items:center;display:flex;justify-content:space-between;min-height:var(--header-height);padding:var(--spacing-lg)}.header-controls{gap:var(--spacing-sm)}.header-controls,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:none;border:none;border-radius:6px;cursor:pointer;font-size:var(--font-size-lg);height:36px;justify-content:center;transition:var(--transition-fast);width:36px}.theme-toggle:hover{background-color:var(--color-border-light)}.theme-toggle:active{transform:scale(.9)}.app-title,h1{font-size:var(--font-size-xl)}.app-title{color:var(--color-primary);font-family:var(--font-arabic);font-weight:700;margin:0}.sidebar-toggle{background:none;border:none;border-radius:4px;cursor:pointer;display:block;padding:var(--spacing-lg)}.sidebar-toggle:hover{background-color:var(--color-border-light)}.hamburger{display:flex;justify-content:center;position:relative;width:20px}.hamburger,.hamburger:after,.hamburger:before{background-color:var(--color-text-primary);height:2px;transition:var(--transition-fast)}.hamburger:after,.hamburger:before{content:"";position:absolute;width:100%}.hamburger:before{top:-6px}.hamburger:after{bottom:-6px}.sidebar-content{overflow:hidden}#main-menu,.sidebar-content{height:100%;position:relative}#main-menu{display:flex;flex-direction:column;justify-content:space-between}.domain-link-container{border-bottom:1px solid var(--color-border-light);padding:var(--spacing-md) var(--spacing-lg)}.sidebar-actions{display:grid;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg)}.sidebar-action-btn{align-items:flex-start;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-primary);cursor:pointer;display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:var(--spacing-xs);min-height:80px;padding:var(--spacing-lg);position:relative;text-align:left;transition:all var(--transition-normal);width:100%}.sidebar-action-btn:hover{background-color:var(--color-bg-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.sidebar-action-btn:hover .action-icon svg{color:var(--color-primary)}.sidebar-action-btn:active{transform:translateY(0)}.sidebar-action-btn .action-main{align-items:center;display:flex;gap:var(--spacing-sm);width:100%}.sidebar-action-btn .action-icon{flex-shrink:0;font-size:var(--font-size-xl)}.sidebar-action-btn .action-icon svg{color:var(--color-text-secondary);height:20px;transition:color var(--transition-fast);width:20px}.sidebar-action-btn .action-text{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600}.sidebar-action-btn .action-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.3;list-style:none;margin-bottom:0;margin-top:var(--spacing-xs);padding-left:var(--spacing-sm)}.sidebar-action-btn .action-description li{padding-left:var(--spacing-xs);position:relative}.sidebar-action-btn .action-description li:before{color:var(--color-primary);content:"•";font-size:.8em;left:-6px;position:absolute}.sidebar-action-btn .action-description li+li{margin-top:2px}.domain-link{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:var(--transition-fast);width:100%}.domain-link:hover{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-on-primary);transform:translateY(-1px)}.domain-link:hover .domain-icon{opacity:.9}.domain-link .domain-icon{flex-shrink:0;height:14px;opacity:.6;transition:opacity var(--transition-fast);width:14px}.domain-link .domain-text{font-family:var(--font-ui);font-weight:500}.build-info-container{padding:var(--spacing-sm) var(--spacing-lg)}.build-info{color:var(--color-text-secondary);display:flex;font-family:var(--font-mono,"SF Mono","Monaco","Menlo",monospace);font-size:10px;gap:8px;justify-content:center;opacity:.7}.build-info .build-hash{font-weight:600;letter-spacing:.5px}.build-info .build-time{opacity:.8}.surah-number{background-color:var(--color-primary);border-radius:10px;color:var(--color-on-primary);font-size:var(--font-size-xs);font-weight:600;min-width:24px;padding:2px 6px;text-align:center}.surah-name-arabic{color:var(--color-text-arabic);direction:rtl;font-family:var(--font-arabic);font-size:var(--font-size-lg);font-weight:500}.surah-name-english{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:500;margin-top:2px}.main-content{display:flex;flex:1;flex-direction:column;overflow:hidden}@media (max-width:768px){.main-content{width:100%}}.content-header{align-items:center;background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);display:flex;justify-content:center;min-height:var(--header-height);padding:0 var(--spacing-md);position:relative}.content-header:has(.home-btn){padding-left:calc(var(--spacing-xl) + 50px)}@media (max-width:768px){.content-header:has(.home-btn){padding-left:110px}}.mobile-menu-btn{background:none;border:none;border-radius:6px;cursor:pointer;display:none;padding:var(--spacing-md);transition:var(--transition-fast)}.mobile-menu-btn:hover{background-color:var(--color-border-light)}@media (max-width:768px){.mobile-menu-btn{align-items:center;display:flex;justify-content:center;left:var(--spacing-md);position:absolute;top:50%;transform:translateY(-50%);z-index:1}}.mobile-menu-btn .hamburger{background-color:var(--color-text-primary);height:2px;position:relative;transition:var(--transition-fast);width:20px}.mobile-menu-btn .hamburger:after,.mobile-menu-btn .hamburger:before{background-color:var(--color-text-primary);content:"";height:2px;position:absolute;transition:var(--transition-fast);width:100%}.mobile-menu-btn .hamburger:before{top:-6px}.mobile-menu-btn .hamburger:after{bottom:-6px}.header-content{color:var(--color-text-primary);display:flex;font-weight:500;gap:var(--spacing-md);width:100%}.header-content,.home-btn{align-items:center;font-size:var(--font-size-lg)}.home-btn{background:none;border:none;border-radius:4px;color:var(--color-text);cursor:pointer;display:inline-flex;justify-content:center;left:var(--spacing-md);padding:var(--spacing-md);position:absolute;text-decoration:none;top:50%;transform:translateY(-50%);transition:var(--transition-fast);z-index:1}.home-btn svg{color:inherit}.home-btn:hover{background-color:var(--color-border-light)}@media (max-width:768px){.home-btn{left:calc(var(--spacing-md) + 40px)}}.current-surah{color:var(--color-primary);font-family:var(--font-ui);font-size:var(--font-size-2xl);text-align:center;white-space:nowrap;width:100%}.current-surah:not(button){background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);background-clip:text;-webkit-background-clip:text;font-weight:700;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(26,75,58,.2))}.current-surah .arabic{font-family:var(--font-arabic)}.btn{border:none;border-radius:6px;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast)}.btn.btn-outline{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-primary)}.btn.btn-outline:hover{background-color:var(--color-bg-secondary);border-color:var(--color-primary)}.content-body{flex:1;overflow-y:auto;padding:var(--spacing-xl)}@media (max-width:768px){.content-body{padding:var(--spacing-md)}}.home-content{margin:0 auto;max-width:1200px}.bookmarks-section,.continue-reading-section{margin-bottom:var(--spacing-lg)}.bookmarks-section h2,.continue-reading-section h2{color:var(--color-accent)}.bookmarks-section h2,.continue-reading-section h2,.surahs-section h2{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-md)}.surahs-section h2{color:var(--color-text-primary)}.no-bookmarks,.no-continue-reading{background-color:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:8px;color:var(--color-text-secondary);font-style:italic;padding:var(--spacing-xl);text-align:center}.continue-reading-grid{margin:0 auto var(--spacing-lg);max-width:100%;overflow-x:auto;padding:8px var(--spacing-sm);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.continue-reading-grid.has-items{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(5,minmax(80px,1fr));grid-template-rows:1fr}.continue-reading-grid::-webkit-scrollbar{display:none}.bookmarks-grid{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);overflow-x:auto;overflow-y:hidden;padding-block:var(--spacing-md);scrollbar-width:thin}.bookmarks-grid.no-items{display:block}.bookmark-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;flex:0 0 280px;padding:var(--spacing-md);position:relative;transition:all var(--transition-fast);width:280px}.bookmark-item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.bookmark-item .bookmark-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.bookmark-item .bookmark-ref{background-color:var(--color-accent);border-radius:6px;color:var(--color-on-accent);font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm)}.bookmark-item .bookmark-remove{background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-md);transition:var(--transition-fast)}.bookmark-item .bookmark-remove:hover{background-color:rgba(220,53,69,.1);color:#dc3545}.bookmark-item .bookmark-content{color:inherit;cursor:pointer;display:block;text-decoration:none}.bookmark-item .bookmark-arabic{color:var(--color-text-arabic);direction:rtl;font-family:var(--font-arabic);font-size:var(--font-size-lg);line-height:1.6;margin-bottom:var(--spacing-sm);text-align:right}.bookmark-item .bookmark-translation{color:var(--color-text-secondary);display:-webkit-box;font-size:var(--font-size-sm);line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.continue-reading-item{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;color:inherit;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-md);text-decoration:none;transition:all var(--transition-fast)}.continue-reading-item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-1px)}.continue-reading-item .continue-reading-ref{color:var(--color-accent);font-size:var(--font-size-md);font-weight:600;margin-bottom:var(--spacing-xs)}.continue-reading-item .continue-reading-time{color:var(--color-text-secondary);font-size:var(--font-size-xxs);font-weight:500;white-space:nowrap}.surahs-grid{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}@media (max-width:768px){.surahs-grid{gap:var(--spacing-xs);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width:480px){.surahs-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.surah-card{align-items:center;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;color:inherit;cursor:pointer;display:flex;gap:var(--spacing-sm);min-height:60px;padding:var(--spacing-md);text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.surah-card:hover{background-color:rgba(26,75,58,.02);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.surah-card .surah-number{background-color:var(--color-primary);border-radius:6px;color:var(--color-on-primary);flex-shrink:0;font-size:var(--font-size-sm);font-weight:600;min-width:32px;padding:var(--spacing-xs) var(--spacing-sm);text-align:center}.surah-card .surah-names{flex:1;min-width:0}.surah-card .surah-name-arabic{color:var(--color-text-arabic);direction:rtl;font-family:var(--font-arabic);font-size:var(--font-size-base);font-weight:600;line-height:1.2;margin-bottom:2px;text-align:right}.surah-card .surah-name-english{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.surah-card .ayah-count,.surah-card .surah-name-english{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.surah-card .ayah-count{background-color:var(--color-bg-primary);border-radius:4px;flex-shrink:0;font-weight:500;padding:2px 6px}.ayah{background-color:var(--color-bg-secondary);border-radius:8px;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.ayah:last-child{margin-bottom:0}.ayah-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg)}.ayah-number{align-items:center;background-color:var(--color-primary);border-radius:50%;color:var(--color-on-primary);display:inline-flex;font-size:var(--font-size-sm);font-weight:600;height:32px;justify-content:center;width:32px}.ayah-actions{gap:var(--spacing-xs)}.ayah-actions,.ayah-play-btn{align-items:center;display:flex}.ayah-play-btn{background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;justify-content:center;padding:var(--spacing-sm);transition:var(--transition-fast)}.ayah-play-btn:hover{background-color:hsl(from var(--color-accent) h s l/.1);color:var(--color-accent)}.ayah-play-btn svg{height:14px;width:14px}.ayah-bookmark-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-sm);transition:var(--transition-fast)}.ayah-bookmark-btn:hover{background-color:hsl(from var(--color-accent) h s l/.1);color:var(--color-accent)}.ayah-bookmark-btn.active svg{fill:currentColor}.ayah-bookmark-btn svg{height:14px;transition:var(--transition-fast);width:14px}.ayah-arabic{color:var(--color-text-arabic);direction:rtl;font-family:var(--font-arabic);font-size:var(--font-size-arabic,var(--font-size-2xl));line-height:var(--arabic-line-height,1.8);margin-bottom:var(--spacing-lg);text-align:right}@media (max-width:768px){.ayah-arabic{font-size:var(--font-size-arabic,var(--font-size-xl))}}.bismillah-wrapper{display:flex;justify-content:center;margin:var(--spacing-xl) 0 var(--spacing-2xl) 0;width:100%}.bismillah{background:linear-gradient(135deg,rgba(26,75,58,.03),rgba(37,99,235,.02));border:1px solid rgba(26,75,58,.08);border-radius:12px;color:var(--color-text-arabic);direction:rtl;font-family:var(--font-arabic);font-size:calc(var(--font-size-arabic, var(--font-size-2xl))*1.1);font-weight:500;letter-spacing:.02em;line-height:var(--arabic-line-height,1.8);max-width:600px;padding:var(--spacing-lg) var(--spacing-xl);position:relative;text-align:center;width:100%}[data-theme=dark] .bismillah{background:linear-gradient(135deg,rgba(45,107,79,.06),rgba(59,130,246,.04));border:1px solid rgba(45,107,79,.12);color:var(--color-text-arabic)}.bismillah:before{top:0}.bismillah:after,.bismillah:before{background:linear-gradient(90deg,transparent,var(--color-primary),transparent);border-radius:1px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80%}.bismillah:after{bottom:0}@media (max-width:768px){.bismillah{font-size:calc(var(--font-size-arabic, var(--font-size-xl))*1.1);margin:var(--spacing-lg) 0 var(--spacing-xl) 0;padding:var(--spacing-md) var(--spacing-sm)}}.juz-marker{align-items:center;display:flex;gap:var(--spacing-md);margin:var(--spacing-2xl) 0 var(--spacing-xl) 0}.juz-marker .juz-number{background:linear-gradient(135deg,rgba(26,75,58,.08),rgba(37,99,235,.05));border:1px solid rgba(26,75,58,.15);border-radius:20px;color:var(--color-primary);font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.025em;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase;white-space:nowrap}.juz-marker .juz-line{background:linear-gradient(90deg,var(--color-primary) 0,rgba(26,75,58,.3) 50%,transparent 100%);flex:1;height:1px}[data-theme=dark] .juz-marker .juz-number{background:linear-gradient(135deg,rgba(45,107,79,.12),rgba(59,130,246,.08));border:1px solid rgba(45,107,79,.2);color:var(--color-primary-light)}[data-theme=dark] .juz-marker .juz-line{background:linear-gradient(90deg,var(--color-primary-light) 0,rgba(45,107,79,.4) 50%,transparent 100%)}@media (max-width:768px){.juz-marker{margin:var(--spacing-xl) 0 var(--spacing-lg) 0}.juz-marker .juz-number{font-size:var(--font-size-xs);padding:calc(var(--spacing-xs)*.8) var(--spacing-md)}}.hizb-marker{align-items:center;display:flex;gap:var(--spacing-md);margin:var(--spacing-xl) 0 var(--spacing-lg) 0}.hizb-marker .hizb-number{background:linear-gradient(135deg,rgba(139,90,60,.06),rgba(166,124,82,.04));border:1px solid rgba(139,90,60,.12);border-radius:16px;color:var(--color-secondary);font-family:var(--font-ui);font-size:var(--font-size-xs);font-weight:500;letter-spacing:.02em;padding:calc(var(--spacing-xs)*.7) var(--spacing-xs);text-transform:uppercase;white-space:nowrap}.hizb-marker .hizb-line{background:linear-gradient(90deg,var(--color-secondary) 0,rgba(139,90,60,.25) 50%,transparent 100%);flex:1;height:1px}[data-theme=dark] .hizb-marker .hizb-number{background:linear-gradient(135deg,rgba(166,124,82,.08),rgba(139,90,60,.06));border:1px solid rgba(166,124,82,.15);color:var(--color-secondary)}[data-theme=dark] .hizb-marker .hizb-line{background:linear-gradient(90deg,var(--color-secondary) 0,rgba(166,124,82,.3) 50%,transparent 100%)}@media (max-width:768px){.hizb-marker{margin:var(--spacing-lg) 0 var(--spacing-md) 0}.hizb-marker .hizb-number{font-size:calc(var(--font-size-xs)*.9);padding:calc(var(--spacing-xs)*.6) calc(var(--spacing-xs)*.8)}}.sajda-marker{align-items:center;border-radius:24px;display:flex;font-family:var(--font-ui);font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-sm);justify-content:center;margin:var(--spacing-lg) auto;max-width:280px;padding:var(--spacing-sm) var(--spacing-lg);text-align:center}.sajda-marker .sajda-icon{font-size:var(--font-size-xl);line-height:1}.sajda-marker .sajda-text{letter-spacing:.02em}@media (max-width:768px){.sajda-marker{font-size:var(--font-size-xs);margin:var(--spacing-md) auto;max-width:240px;padding:var(--spacing-xs) var(--spacing-md)}.sajda-marker .sajda-icon{font-size:var(--font-size-lg)}}.arabic-word{cursor:pointer;position:relative;transition:var(--transition-fast)}.arabic-word:hover{color:var(--color-accent);-webkit-tap-highlight-color:transparent}.translation-header{color:var(--color-text-secondary);font-size:8px;font-weight:500;letter-spacing:.5px;margin-bottom:2px;margin-top:var(--spacing-sm);text-transform:uppercase}.ayah-translation{color:var(--color-text-primary);font-size:var(--font-size-translation);line-height:1.7;margin-bottom:var(--spacing-md)}.ayah-translation.hidden{display:none}.ayah-transliteration{color:var(--color-text-secondary);display:none;font-size:var(--font-size-base);font-style:italic;line-height:1.6}.ayah-transliteration.visible{display:block}.word-tooltip{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:6px;box-shadow:var(--shadow-md);color:var(--color-text-primary);display:none;font-size:var(--font-size-sm);max-width:200px;opacity:0;padding:var(--spacing-sm) var(--spacing-md);pointer-events:none;position:absolute;transition:opacity var(--transition-fast),visibility var(--transition-fast);visibility:hidden;z-index:1000}.word-tooltip.visible{display:block;opacity:1;visibility:visible}.tooltip-arabic{direction:rtl;font-family:var(--font-arabic);font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-xs)}.tooltip-translation{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.tooltip-translation:last-child{margin-bottom:0}.tooltip-transliteration{font-size:var(--font-size-xs);font-style:italic;opacity:.8}.loading{color:var(--color-text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-xl);text-align:center}.ayah-scrollbar{display:none;height:70vh;position:fixed;right:8px;top:50%;touch-action:none;transform:translateY(-50%);user-select:none;-webkit-user-select:none;width:48px;z-index:200}.ayah-scrollbar.visible{display:block}@media (max-width:768px){.ayah-scrollbar{height:60vh;right:4px;width:44px}}.scrollbar-track{background-color:var(--color-border-light);height:100%;right:0;top:0}.scrollbar-thumb,.scrollbar-track{border-radius:2px;position:absolute;width:4px}.scrollbar-thumb{background-color:var(--color-primary);height:40px;transition:background-color var(--transition-fast)}.scrollbar-thumb.active{background-color:var(--color-accent);right:-1px;width:6px}.ayah-markers{flex-direction:column;height:100%;justify-content:space-between;position:absolute;right:12px;top:0;width:32px}.ayah-marker,.ayah-markers{align-items:center;display:flex}.ayah-marker{background-color:var(--color-bg-secondary);border-radius:50%;box-shadow:var(--shadow-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-xs);font-weight:600;height:24px;justify-content:center;width:24px}@media (max-width:768px){.ayah-marker{font-size:10px;height:20px;width:20px}}.ayah-overlay{align-items:center;backdrop-filter:blur(2px);background-color:rgba(0,0,0,.4);display:flex;height:100vh;justify-content:center;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity var(--transition-fast),visibility var(--transition-fast);visibility:hidden;width:100vw;z-index:1000}.ayah-overlay.visible{opacity:1;visibility:visible}.overlay-content{background-color:var(--color-bg-primary);border-radius:16px;box-shadow:var(--shadow-lg);padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;transform:scale(.9);transition:transform var(--transition-fast)}.ayah-overlay.visible .overlay-content{transform:scale(1)}.overlay-ayah-number{color:var(--color-primary);font-size:4rem;font-weight:700;line-height:1;margin-bottom:var(--spacing-sm)}@media (max-width:768px){.overlay-ayah-number{font-size:3rem}}.overlay-surah-name{color:var(--color-text-arabic);direction:rtl;font-family:var(--font-arabic);font-size:var(--font-size-xl);font-weight:600}@media (max-width:768px){.overlay-surah-name{font-size:var(--font-size-lg)}}.content-body.virtual-scroll-active{scrollbar-width:none;-ms-overflow-style:none}.content-body.virtual-scroll-active::-webkit-scrollbar{display:none}.content-body::-webkit-scrollbar{width:6px}.content-body::-webkit-scrollbar-track{background:transparent}.content-body::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}.content-body::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-secondary)}.preferences-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.preference-group{margin-bottom:var(--spacing-xl)}.preference-group:last-child{margin-bottom:0}.preference-group h4{border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-xs)}.preference-item{margin-bottom:var(--spacing-md)}.preference-item:last-child{margin-bottom:0}.preference-label{align-items:center;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.preference-label input[type=checkbox]{display:none}.preference-label .checkmark{background-color:var(--color-bg-primary);border:2px solid var(--color-border-dark);border-radius:3px;height:18px;position:relative;transition:var(--transition-fast);width:18px}.preference-label .checkmark:after{border:solid var(--color-text-primary);border-width:0 2px 2px 0;content:"";height:10px;left:5px;opacity:0;position:absolute;top:2px;transform:rotate(45deg);transition:var(--transition-fast);width:5px}.preference-label input[type=checkbox]:checked+.checkmark{background-color:var(--color-primary);border-color:var(--color-primary)}.preference-label input[type=checkbox]:checked+.checkmark:after{opacity:1}.preference-select{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast);width:100%}.preference-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(26,75,58,.1);outline:none}.preference-range{accent-color:var(--color-primary);flex:1;margin:0 var(--spacing-sm)}.range-value{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:600;min-width:40px;text-align:center}.sidebar.collapsed .sidebar-actions{display:none}.ayah-scrollbar.left-position{left:8px;right:auto;z-index:50}@media (max-width:768px){.ayah-scrollbar.left-position{left:4px}}.ayah-scrollbar.left-position .scrollbar-track{left:0;right:auto}.ayah-scrollbar.left-position .ayah-markers{left:12px;right:auto}.ayah-scrollbar.hidden{display:none!important}.content-body.scrollbar-padding-right{padding-right:1.875rem}.content-body.scrollbar-padding-left{padding-left:1.875rem}.ayah-selection-container,.juz-grid-container,.sura-grid-container{padding:var(--spacing-sm)}.ayah-grid,.juz-grid,.sura-grid{display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(auto-fit,minmax(40px,1fr))}.ayah-grid-item,.juz-grid-item,.sura-grid-item{align-items:center;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:600;justify-content:center;min-height:40px;padding:var(--spacing-sm);position:relative;text-decoration:none;transition:all var(--transition-fast)}.ayah-grid-item:hover,.juz-grid-item:hover,.sura-grid-item:hover{background-color:var(--color-primary);border-color:var(--color-primary-light);box-shadow:var(--shadow-sm);color:var(--color-on-primary);transform:translateY(-1px)}.ayah-grid-item.active,.juz-grid-item.active,.sura-grid-item.active{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-on-primary)}.juz-grid-item,.sura-grid-item{font-weight:700;min-height:44px}.ayah-selection-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-md) var(--spacing-sm)}.back-to-suras-btn{align-items:center;background:none;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:var(--transition-fast)}.back-to-suras-btn:hover{background-color:var(--color-primary-light);border-color:var(--color-primary-light);color:var(--color-text-primary)}.back-to-suras-btn .back-icon{flex-shrink:0;height:16px;width:16px}.selected-surah-info{align-items:center;display:flex;flex:1;gap:var(--spacing-sm)}.selected-surah-number{background-color:var(--color-primary);border-radius:6px;color:var(--color-on-primary);font-size:var(--font-size-sm);font-weight:700;min-width:32px;padding:var(--spacing-xs) var(--spacing-sm);text-align:center}.selected-surah-name{flex:1;min-width:0}.selected-surah-arabic{color:var(--color-text-arabic);direction:rtl;font-family:var(--font-arabic);font-size:var(--font-size-base);font-weight:600;line-height:1.2;text-align:right}.selected-surah-english{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.2;margin-top:2px;text-align:right}@media (max-width:768px){.ayah-grid,.juz-grid,.sura-grid{gap:var(--spacing-xs);grid-template-columns:repeat(auto-fit,minmax(32px,1fr))}.ayah-grid-item,.juz-grid-item,.sura-grid-item{font-size:var(--font-size-xs);min-height:36px;padding:var(--spacing-xs)}.juz-grid-item,.sura-grid-item{min-height:40px}.ayah-selection-header{margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xs)}.selected-surah-arabic{font-size:var(--font-size-sm)}}.plugin-manager-container{padding:var(--spacing-md)}.plugin-manager-header{margin-bottom:var(--spacing-md)}.plugin-breadcrumb{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs)}.plugin-breadcrumb .breadcrumb-back{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.plugin-breadcrumb .breadcrumb-back:hover{color:var(--color-primary)}.plugin-breadcrumb .breadcrumb-current{color:var(--color-text-primary);font-weight:500}.plugin-breadcrumb .breadcrumb-separator{color:var(--color-text-tertiary)}.modules-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.module-card{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;display:flex;padding:var(--spacing-md);transition:all .2s ease}.module-card:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);box-shadow:0 2px 8px var(--color-shadow);transform:translateY(-1px)}.module-card.disabled{cursor:not-allowed;opacity:.6}.module-card.disabled:hover{background:var(--color-bg-secondary);border-color:var(--color-border);box-shadow:none;transform:none}.module-icon{flex-shrink:0;font-size:24px;margin-right:var(--spacing-md)}.module-info{flex:1}.module-name{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:500;margin-bottom:2px}.module-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4}.module-status{margin-left:var(--spacing-sm)}.module-status .loaded-indicator{color:var(--color-accent);font-size:var(--font-size-lg);font-weight:700}.themes-module-container{padding:var(--spacing-md)}.themes-header{margin-bottom:var(--spacing-lg)}.themes-header h3{color:var(--color-text-primary);font-size:var(--font-size-lg);margin:0 0 var(--spacing-xs) 0}.themes-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.themes-grid{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.theme-card{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-md);transition:all .2s ease}.theme-card:hover:not(.disabled){box-shadow:0 2px 8px var(--color-shadow);transform:translateY(-1px)}.theme-card.active,.theme-card:hover:not(.disabled){background:var(--color-bg-tertiary);border-color:var(--color-accent)}.theme-card.active .theme-name{color:var(--color-accent);font-weight:600}.theme-card.disabled{cursor:not-allowed;opacity:.6}.theme-card.disabled:hover{background:var(--color-bg-secondary);border-color:var(--color-border);box-shadow:none;transform:none}.theme-card:focus{outline:2px solid var(--color-accent);outline-offset:1px}.theme-name{color:var(--color-text-primary);flex:1;font-size:var(--font-size-base);font-weight:500}.theme-status{margin-left:var(--spacing-sm)}.theme-status .active-indicator{color:var(--color-accent);font-size:var(--font-size-lg);font-weight:700}.theme-preview-section{margin-bottom:var(--spacing-lg)}.theme-preview-section h4{color:var(--color-text-primary);font-size:var(--font-size-base);margin:0 0 var(--spacing-sm) 0}.theme-preview{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);text-align:center}.preview-arabic{color:var(--color-text-arabic);direction:rtl;font-family:var(--font-arabic);font-size:var(--font-size-arabic);line-height:var(--arabic-line-height);margin-bottom:var(--spacing-sm)}.preview-translation{color:var(--color-text-primary);font-size:var(--font-size-lg);line-height:1.5}.theme-actions{display:flex;justify-content:center}.theme-reset-btn{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.module-error{background:#ef4444;border-radius:var(--border-radius);color:var(--color-text-primary);font-size:var(--font-size-sm);margin:var(--spacing-sm);padding:var(--spacing-sm);text-align:center}@media (max-width:768px){.module-card,.plugin-manager-container,.theme-card,.themes-module-container{padding:var(--spacing-sm)}.module-icon{font-size:20px;margin-right:var(--spacing-sm)}.theme-preview{padding:var(--spacing-md)}.preview-arabic{font-size:calc(var(--font-size-arabic)*.8)}}.theme-variants{border-left:2px solid var(--color-border);margin-left:var(--spacing-lg);margin-top:var(--spacing-sm);padding-left:var(--spacing-md)}.theme-variant{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--border-radius);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.theme-variant:hover{background:var(--color-bg-secondary);border-color:var(--color-accent)}.theme-variant.active{background:var(--color-bg-tertiary);border-color:var(--color-accent)}.theme-variant.active .variant-name{color:var(--color-accent);font-weight:500}.theme-variant:focus{outline:2px solid var(--color-accent);outline-offset:1px}.variant-name{color:var(--color-text-primary);flex:1;font-size:var(--font-size-sm)}.variant-status .active-indicator{color:var(--color-accent);font-size:var(--font-size-base);font-weight:700}@media (max-width:768px){.theme-variants{margin-left:var(--spacing-md);padding-left:var(--spacing-sm)}.theme-variant{padding:var(--spacing-xs) var(--spacing-sm)}.variant-name{font-size:var(--font-size-xs)}}.sidebar-pane-container{background-color:var(--color-bg-sidebar);bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1000}.pane-header{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light);justify-content:space-between;padding:var(--spacing-xs) var(--spacing-md)}.pane-breadcrumbs,.pane-header{align-items:center;display:flex}.pane-breadcrumbs{flex:1;font-size:var(--font-size-sm);gap:var(--spacing-xs)}.pane-breadcrumbs .breadcrumb-link{background:none;border:none;border-radius:6px;color:var(--color-accent);cursor:pointer;font-size:inherit;padding:2px 6px;text-decoration:underline;text-decoration:none;transition:color .12s ease,background-color .12s ease}.pane-breadcrumbs .breadcrumb-link:hover{color:var(--color-primary)}.pane-breadcrumbs .breadcrumb-current{color:var(--color-text-primary);font-weight:500;padding:2px 6px}.pane-breadcrumbs .breadcrumb-separator{color:var(--color-text-tertiary);font-weight:400}.pane-close{background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xl);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition-fast)}.pane-close:hover{background-color:var(--color-border-light);color:var(--color-text-primary)}.pane-title{align-items:center;background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light);color:var(--color-primary);display:flex;font-size:var(--font-size-lg);font-weight:600;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.pane-title-text{flex:1}.pane-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.sidebar-content.pane-active .domain-link-container,.sidebar-content.pane-active .sidebar-actions{display:none}.nav-subtab-menu{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs)}.nav-subtab{background:none;border:1px solid transparent;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;flex:1;font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast)}.nav-subtab:hover{background-color:var(--color-bg-primary);color:var(--color-text-primary)}.nav-subtab.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary);font-weight:600}.nav-content-container{padding:0}.progress-info{text-align:center}.progress-text{color:var(--color-text-primary);font-size:var(--font-size-sm)}.progress-bar,.progress-text{margin-bottom:var(--spacing-sm)}.progress-bar{background-color:var(--color-border-light);border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background-color:var(--color-primary);border-radius:4px;height:100%;transition:width var(--transition-normal);width:0}.progress-details{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.storage-info-row{align-items:center;display:flex;justify-content:space-between;margin-top:var(--spacing-xs)}.storage-info-row .storage-info{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.btn-small{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.btn-primary{background-color:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-light);border-color:var(--color-primary-light)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.download-translation-options{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.download-translation-options .preference-label{margin-bottom:0}.downloaded-indicator{color:var(--color-accent);font-weight:700}.ayah-tafsir-section{margin-top:var(--spacing-md)}.ayah-tafsir-section .tafsir-toggle-btn{align-items:center;background-color:transparent;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-xxs);font-weight:600;gap:var(--spacing-xs);padding:6px 10px;transition:all .2s ease}.ayah-tafsir-section .tafsir-toggle-btn:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.ayah-tafsir-section .tafsir-toggle-btn .tafsir-arrow{font-size:10px;transition:transform .2s ease}.ayah-tafsir-section .tafsir-selector{background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:6px;box-shadow:0 2px 8px var(--color-shadow);margin-top:var(--spacing-sm);padding:var(--spacing-sm)}.ayah-tafsir-section .tafsir-selector .tafsir-options{display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.ayah-tafsir-section .tafsir-selector .tafsir-option{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-xs);padding:8px 12px;transition:all .2s ease}.ayah-tafsir-section .tafsir-selector .tafsir-option:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.ayah-tafsir-section .tafsir-content{margin-top:var(--spacing-md)}.ayah-tafsir-section .tafsir-content .tafsir-box{background-color:var(--color-bg-primary);border:1px solid var(--color-border);box-shadow:0 2px 12px var(--color-shadow)}.ayah-tafsir-section .tafsir-content .tafsir-box.tafsir-error{border-color:#dc3545}.ayah-tafsir-section .tafsir-content .tafsir-box.tafsir-error .tafsir-header{background-color:#dc3545;color:#fff}.ayah-tafsir-section .tafsir-content .tafsir-header{align-items:center;background-color:var(--color-primary);color:var(--color-on-primary);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);position:sticky;top:0;top:calc(var(--spacing-xl)*-1);z-index:1}@media (max-width:768px){.ayah-tafsir-section .tafsir-content .tafsir-header{top:calc(var(--spacing-md)*-1)}}.ayah-tafsir-section .tafsir-content .tafsir-header .tafsir-title{font-size:var(--font-size-sm);font-weight:600}.ayah-tafsir-section .tafsir-content .tafsir-header .tafsir-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-on-primary);cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;padding:0;transition:background-color .2s ease;width:24px}.ayah-tafsir-section .tafsir-content .tafsir-header .tafsir-close-btn:hover{background-color:hsla(0,0%,100%,.2)}.ayah-tafsir-section .tafsir-content .tafsir-text{color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:1.6;padding:var(--spacing-md)}.ayah-tafsir-section .tafsir-content .tafsir-text h1,.ayah-tafsir-section .tafsir-content .tafsir-text h2,.ayah-tafsir-section .tafsir-content .tafsir-text h3,.ayah-tafsir-section .tafsir-content .tafsir-text h4{color:var(--color-primary);font-weight:600;margin:var(--spacing-sm) 0}.ayah-tafsir-section .tafsir-content .tafsir-text h2{border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-base);padding-bottom:var(--spacing-xs)}.ayah-tafsir-section .tafsir-content .tafsir-text p{line-height:1.6;margin:var(--spacing-sm) 0}.ayah-tafsir-section .tafsir-content .tafsir-text b,.ayah-tafsir-section .tafsir-content .tafsir-text strong{color:var(--color-text-primary);font-weight:600}.ayah-tafsir-section .tafsir-content .tafsir-text i{font-style:italic}.ayah-tafsir-section .tafsir-content .tafsir-text ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-md)}.ayah-tafsir-section .tafsir-content .tafsir-text li{margin:var(--spacing-xs) 0}.ayah-tafsir-section .tafsir-content .tafsir-ayat{background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-style:italic;padding:var(--spacing-sm) var(--spacing-md)}.clickable-surah{align-items:center;background:linear-gradient(135deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 100%);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.05);color:var(--color-text-primary);cursor:pointer;display:flex;flex-direction:column;font-size:var(--font-size-xs);gap:4px;line-height:1rem;padding:var(--spacing-xs) var(--spacing-md) var(--spacing-xs) 2rem;position:relative;transition:all var(--transition-fast)}.clickable-surah:hover{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);border-color:var(--color-primary);transform:translateY(-2px)}.clickable-surah:active{box-shadow:0 2px 8px rgba(0,0,0,.2);transform:translateY(-1px)}.clickable-surah:before{align-items:center;border-radius:50%;content:attr(data-surah);display:flex;font-size:var(--font-size-xl);font-weight:700;height:2rem;justify-content:center;left:var(--spacing-sm);position:absolute;top:50%;transform:translateY(-50%);width:2rem}.clickable-surah .english{color:var(--color-text-secondary)}.clickable-surah .arabic{font-family:var(--font-arabic);font-size:var(--font-size-xl);font-weight:700;line-height:var(--font-size-xl);margin:0 var(--spacing-xs)}.surah-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity var(--transition-normal),visibility var(--transition-normal);visibility:hidden;z-index:10000}.surah-modal.visible{opacity:1;visibility:visible}.modal-overlay{backdrop-filter:blur(4px);background-color:rgba(0,0,0,.5);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.modal-content{animation:modalSlideIn .3s ease;background-color:var(--color-bg-primary);border-radius:12px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:90vh;max-height:700px;max-width:800px;overflow:hidden;position:relative;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--spacing-lg)}.modal-header .modal-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-2xl);font-weight:600;gap:var(--spacing-md);margin:0}.modal-header .modal-title .modal-surah-number{background-color:var(--color-primary);border-radius:6px;color:var(--color-on-primary);font-size:var(--font-size-lg);font-weight:700;padding:var(--spacing-xs) var(--spacing-sm)}.modal-header .modal-title .modal-surah-arabic{color:var(--color-text-arabic);font-family:var(--font-arabic);font-size:var(--font-size-2xl);font-weight:600}.modal-header .modal-title .modal-surah-english{color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:500}.modal-header .modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-2xl);height:36px;justify-content:center;padding:var(--spacing-xs);transition:var(--transition-fast);width:36px}.modal-header .modal-close:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.modal-body{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.modal-body .modal-error,.modal-body .modal-loading{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-lg);height:200px;justify-content:center}.modal-body .modal-error{color:#e74c3c}.surah-meta-content{padding:.5rem}.surah-meta-content li{margin-bottom:.5rem;padding:.2rem}.surah-meta-content .surah-meta-info{margin-bottom:var(--spacing-lg)}.surah-meta-content .surah-meta-info .meta-row{align-items:center;display:flex;margin-bottom:var(--spacing-sm)}.surah-meta-content .surah-meta-info .meta-row .meta-label{color:var(--color-text-primary);font-weight:600;margin-right:var(--spacing-md);min-width:80px}.surah-meta-content .surah-meta-info .meta-row .meta-value{color:var(--color-text-secondary);font-weight:500}.surah-meta-content .surah-meta-text h3{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-md) 0}.surah-meta-content .surah-meta-text .meta-text-content{color:var(--color-text-primary);font-size:var(--font-size-translation);line-height:1.6}.surah-meta-content .surah-meta-text .meta-text-content iframe{display:block;margin:0 auto;margin-block:20px;max-width:90%}.surah-meta-content .surah-meta-text .meta-text-content h2{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:600;margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.surah-meta-content .surah-meta-text .meta-text-content h2:first-child{margin-top:0}.surah-meta-content .surah-meta-text .meta-text-content p{margin:var(--spacing-md) 0;text-align:justify}.surah-meta-content .surah-meta-text .meta-text-content b,.surah-meta-content .surah-meta-text .meta-text-content strong{color:var(--color-text-primary);font-weight:600}.surah-meta-content .surah-meta-text .meta-text-content i{font-style:italic}body.modal-open{overflow:hidden}.audio-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity var(--transition-normal),visibility var(--transition-normal);visibility:hidden;z-index:10000}.audio-modal.visible{opacity:1;visibility:visible}.audio-modal .modal-content{height:85vh;max-height:800px;max-width:1200px;width:95%}.audio-modal .audio-iframe{border:none;border-radius:0 0 12px 12px;height:100%;width:100%}@media (max-width:768px){.modal-content{height:95vh;max-height:none;width:95%}.modal-header{padding:var(--spacing-md)}.modal-header .modal-title{align-items:flex-start;align-items:center;gap:var(--spacing-sm)}.modal-header .modal-title,.modal-header .modal-title .modal-surah-arabic{font-size:var(--font-size-xl)}.modal-header .modal-title .modal-surah-english{font-size:var(--font-size-base)}.modal-body{padding:var(--spacing-md)}}.footnote-container{display:inline;padding:4px;position:relative}.footnote-btn{cursor:pointer;left:50%;position:absolute;top:-8px;transform:translateX(-50%);-webkit-tap-highlight-color:transparent;background:transparent;border:none;border-radius:50%;color:var(--color-text-primary);font-size:10px;line-height:1;padding:12px;text-align:center;touch-action:manipulation}.footnote-btn:hover{color:var(--color-accent);font-weight:800}.word-tooltip.footnote-tooltip{max-width:300px}.word-tooltip.footnote-tooltip .tooltip-footnote{color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:1.4}.footnote-reference{background:var(--color-bg-secondary);border-left:3px solid var(--color-accent);border-radius:4px;color:var(--color-text-secondary);font-size:.9em;font-style:italic;line-height:1.4;margin-top:6px;padding:8px 10px}.footnote-reference strong{color:var(--color-accent);display:block;font-style:normal;font-weight:600;margin-bottom:4px}.footnote-reference:hover{background:var(--color-bg-tertiary);box-shadow:0 1px 3px var(--color-shadow)}