:root{--color-primary:#1a4b3a;--color-primary-light:#2d6b4f;--color-secondary:#8b5a3c;--color-accent:#d4af37;--color-text-primary:#1a1a1a;--color-text-secondary:#666;--color-text-tertiary:#999;--color-text-arabic:#2c3e50;--color-bg-primary:#ffffff;--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, 0.1);--color-shadow-md:rgba(0, 0, 0, 0.15);--color-shadow-lg:rgba(0, 0, 0, 0.2)}[data-theme=dark]{--color-primary:#2d6b4f;--color-primary-light:#3a7d5c;--color-secondary:#a67c52;--color-accent:#f4d03f;--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, 0.3);--color-shadow-md:rgba(0, 0, 0, 0.4);--color-shadow-lg:rgba(0, 0, 0, 0.5)}:root{--font-arabic:"Amiri", "Noto Naskh Arabic", "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-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}body{font-family:var(--font-ui);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary);overflow-x:hidden}.app{display:flex;height:100dvh;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--color-bg-sidebar);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width var(--transition-normal);z-index:100}.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar.collapsed .sidebar-header{justify-content:center;padding:var(--spacing-lg) var(--spacing-sm);flex-direction:column;gap:var(--spacing-sm)}.sidebar.collapsed .header-controls{flex-direction:column;gap:var(--spacing-xs)}.sidebar.collapsed .app-title,.sidebar.collapsed .search-container,.sidebar.collapsed .sidebar-content,.sidebar.collapsed .surah-nav{display:none}.sidebar.collapsed .sidebar-toggle{margin:0;display:block}.sidebar.collapsed .theme-toggle{margin:0;display:flex}@media (max-width:768px){.sidebar{position:fixed;top:0;left:0;height:100vh;transform:translateX(-100%);box-shadow:var(--shadow-lg);transition:transform var(--transition-normal)}.sidebar.open{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 .search-container{display:block}.sidebar.collapsed .surah-nav{display:flex}}.sidebar-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between;min-height:var(--header-height)}.header-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.theme-toggle{display:flex;align-items:center;justify-content:center;background:0 0;border:0;width:36px;height:36px;cursor:pointer;border-radius:6px;transition:var(--transition-fast);font-size:var(--font-size-lg)}.theme-toggle:hover{background-color:var(--color-border-light)}.theme-toggle .theme-icon{transition:transform var(--transition-fast)}.theme-toggle:active .theme-icon{transform:scale(.9)}.app-title{font-family:var(--font-arabic);font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);margin:0}.sidebar-toggle{display:block;background:0 0;border:0;padding:var(--spacing-sm);cursor:pointer;border-radius:4px}.sidebar-toggle:hover{background-color:var(--color-border-light)}.hamburger{width:20px;height:2px;background-color:var(--color-text-primary);position:relative;transition:var(--transition-fast)}.hamburger::after,.hamburger::before,.mobile-menu-btn .hamburger::after,.mobile-menu-btn .hamburger::before{content:"";position:absolute;width:100%;height:2px;background-color:var(--color-text-primary);transition:var(--transition-fast)}.hamburger::before,.mobile-menu-btn .hamburger::before{top:-6px}.hamburger::after,.mobile-menu-btn .hamburger::after{bottom:-6px}.sidebar-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.search-container,.sidebar-actions{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border-light)}.sidebar-actions{padding:var(--spacing-sm) var(--spacing-lg)}.sidebar-action-btn{display:flex;align-items:center;gap:var(--spacing-sm);background:0 0;color:var(--color-text-primary);cursor:pointer}.sidebar-action-btn:hover{background-color:var(--color-bg-secondary);border-color:var(--color-primary)}.sidebar-action-btn .action-icon{font-size:var(--font-size-base)}.sidebar-action-btn .action-text{font-weight:500}.search-input,.sidebar-action-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:6px;font-size:var(--font-size-sm);transition:var(--transition-fast)}.search-input:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(26,75,58,.1)}.search-input::placeholder{color:var(--color-text-secondary)}.surah-nav{flex:1;overflow-y:auto;padding:var(--spacing-sm)0}.surah-item{display:block;width:100%;border:0;background:0 0;transition:var(--transition-fast);border-bottom:1px solid var(--color-border-light)}.surah-item.active{background-color:var(--color-primary);color:#fff}.surah-item.active .surah-name-arabic{color:#fff}.surah-item.active .surah-meta{color:rgba(255,255,255,.8)}.surah-item.active .ayah-toggle-btn{background-color:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.2)}.surah-item.active .ayah-toggle-btn:hover{background-color:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}.surah-item.active .ayah-toggle-btn .toggle-text{color:rgba(255,255,255,.9)}.surah-main{display:flex;align-items:stretch}.surah-content{flex:1;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;text-align:left;transition:var(--transition-fast)}.surah-content:hover{background-color:rgba(26,75,58,.05)}.ayah-toggle-btn,.btn.btn-outline:hover{background-color:var(--color-bg-secondary)}.ayah-toggle-btn{padding:var(--spacing-xs) var(--spacing-sm);margin:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs)0;border:0;color:var(--color-text-secondary);border-radius:4px;cursor:pointer;transition:var(--transition-fast);font-size:10px;line-height:1.1;display:flex;align-items:center;justify-content:center;gap:2px;white-space:nowrap;border:1px solid var(--color-border)}.ayah-toggle-btn:hover{background-color:var(--color-primary-light);color:#fff;border-color:var(--color-primary-light)}.ayah-toggle-btn .toggle-text{font-weight:500}.ayah-toggle-btn .toggle-icon{transition:transform var(--transition-fast);font-size:var(--font-size-sm)}.surah-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.surah-number{background-color:var(--color-primary);color:#fff;font-size:var(--font-size-xs);font-weight:600;padding:2px 6px;border-radius:10px;min-width:24px;text-align:center}.surah-name-arabic{font-family:var(--font-arabic);font-size:var(--font-size-lg);font-weight:500;color:var(--color-text-arabic);direction:rtl}.surah-name-english{font-weight:500}.surah-meta,.surah-name-english{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.ayah-list{margin-top:var(--spacing-sm);padding:0 var(--spacing-lg) var(--spacing-md);display:none;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:var(--spacing-xs)}.ayah-list.visible{display:grid}.ayah-link{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:4px;font-size:var(--font-size-xs);color:var(--color-text-secondary);text-decoration:none;transition:var(--transition-fast);text-align:center;display:flex;align-items:center;justify-content:center}.ayah-link:hover{background-color:var(--color-primary-light);color:#fff;border-color:var(--color-primary-light)}.ayah-link.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}@media (max-width:768px){.main-content{width:100%}}.content-header{background-color:var(--color-bg-primary);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;min-height:var(--header-height)}@media (max-width:768px){.content-header{padding:var(--spacing-md);padding-block:0}}.header-left{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.mobile-menu-btn{display:none;background:0 0;border:0;padding:var(--spacing-sm);cursor:pointer;border-radius:6px;transition:var(--transition-fast)}.mobile-menu-btn:hover{background-color:var(--color-border-light)}@media (max-width:768px){.mobile-menu-btn{display:flex;align-items:center;justify-content:center}}.mobile-menu-btn .hamburger{width:20px;height:2px;background-color:var(--color-text-primary);position:relative;transition:var(--transition-fast)}.breadcrumb,.home-btn{font-size:var(--font-size-lg);align-items:center}.breadcrumb{font-weight:500;color:var(--color-text-primary);display:flex;gap:var(--spacing-md)}.home-btn{background:0 0;border:0;cursor:pointer;padding:var(--spacing-md);border-radius:4px;transition:var(--transition-fast);color:var(--color-text);text-decoration:none;display:inline-flex;justify-content:center}.home-btn svg{color:inherit}.home-btn:hover{background-color:var(--color-border-light)}.current-surah{font-family:var(--font-arabic);direction:rtl}.view-controls{display:flex;gap:var(--spacing-sm)}@media (max-width:768px){.view-controls{display:none}}.btn{padding:var(--spacing-sm) var(--spacing-md);border-radius:6px;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:var(--transition-fast);border:0}.btn.btn-outline{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-primary)}.btn.btn-outline:hover{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{max-width:1200px;margin:0 auto}.bookmarks-section{margin-bottom:var(--spacing-lg)}.bookmarks-section h2,.surahs-section h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--color-accent);font-weight:600}.surahs-section h2{color:var(--color-text-primary)}.no-bookmarks{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary);font-style:italic;background-color:var(--color-bg-secondary);border-radius:8px;border:2px dashed var(--color-border)}.bookmarks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.bookmark-item{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:var(--spacing-lg);transition:all var(--transition-fast);cursor:pointer;position:relative}.bookmark-item:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.bookmark-item .bookmark-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.bookmark-item .bookmark-ref{background-color:var(--color-accent);color:#fff;font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);border-radius:6px}.bookmark-item .bookmark-remove{background:0 0;border:0;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:4px;transition:var(--transition-fast)}.bookmark-item .bookmark-remove:hover{color:#dc3545;background-color:rgba(220,53,69,.1)}.bookmark-item .bookmark-arabic{font-family:var(--font-arabic);font-size:var(--font-size-lg);line-height:1.6;color:var(--color-text-arabic);direction:rtl;text-align:right;margin-bottom:var(--spacing-sm)}.bookmark-item .bookmark-translation{font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.surahs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-sm)}@media (max-width:768px){.surahs-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-xs)}}@media (max-width:480px){.surahs-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.ayah,.surah-card{border-radius:8px;background-color:var(--color-bg-secondary)}.surah-card{border:1px solid var(--color-border);padding:var(--spacing-md);transition:all var(--transition-fast);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:inherit;min-height:60px}.surah-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);background-color:rgba(26,75,58,.02)}.surah-card .surah-number{background-color:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);border-radius:6px;min-width:32px;text-align:center;flex-shrink:0}.surah-card .surah-names{flex:1;min-width:0}.surah-card .surah-name-arabic{font-family:var(--font-arabic);font-size:var(--font-size-base);font-weight:600;color:var(--color-text-arabic);direction:rtl;text-align:right;line-height:1.2;margin-bottom:2px}.surah-card .ayah-count,.surah-card .surah-name-english{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.surah-card .surah-name-english{line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.surah-card .ayah-count{background-color:var(--color-border-light);padding:2px 6px;border-radius:4px;flex-shrink:0;font-weight:500}.ayah{margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl)}.ayah:last-child{margin-bottom:0}.ayah-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.ayah-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--color-primary);color:#fff;border-radius:50%;font-size:var(--font-size-sm);font-weight:600}.ayah-bookmark-btn{background:0 0;border:0;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:4px;transition:var(--transition-fast);font-size:var(--font-size-lg)}.ayah-bookmark-btn:hover{color:var(--color-accent);background-color:rgba(212,175,55,.1)}.ayah-arabic{font-family:var(--font-arabic);font-size:var(--font-size-arabic, var(--font-size-2xl));line-height:var(--arabic-line-height, 1.8);color:var(--color-text-arabic);direction:rtl;text-align:right;margin-bottom:var(--spacing-lg)}@media (max-width:768px){.ayah-arabic{font-size:var(--font-size-arabic, var(--font-size-xl))}}.arabic-word{cursor:pointer;position:relative;transition:var(--transition-fast);padding:2px 1px;border-radius:2px}.arabic-word:hover{background-color:var(--color-primary);color:var(--color-bg-primary)}.ayah-translation{font-size:var(--font-size-lg);line-height:1.7;color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.ayah-translation.hidden,.preference-label input[type=checkbox]{display:none}.ayah-transliteration{font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-secondary);font-style:italic;display:none}.ayah-transliteration.visible{display:block}.word-tooltip{position:absolute;z-index:1000;background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);padding:var(--spacing-sm) var(--spacing-md);border-radius:6px;font-size:var(--font-size-sm);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;display:none;transition:opacity var(--transition-fast),visibility var(--transition-fast);pointer-events:none;max-width:200px}.word-tooltip.visible{opacity:1;visibility:visible;display:block}.tooltip-arabic{font-family:var(--font-arabic);font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-xs);direction:rtl}.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);opacity:.8;font-style:italic}.loading{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.ayah-scrollbar{position:fixed;right:8px;top:50%;transform:translateY(-50%);width:48px;height:70vh;display:none;z-index:200;touch-action:none;user-select:none}.ayah-scrollbar.visible{display:block}@media (max-width:768px){.ayah-scrollbar{right:4px;width:44px;height:60vh}}.scrollbar-thumb,.scrollbar-track{position:absolute;width:4px;border-radius:2px}.scrollbar-track{right:0;top:0;height:100%;background-color:var(--color-border-light)}.scrollbar-thumb{height:40px;background-color:var(--color-primary);transition:background-color var(--transition-fast)}.scrollbar-thumb.active{background-color:var(--color-accent);width:6px;right:-1px}.ayah-marker,.ayah-markers{display:flex;align-items:center}.ayah-markers{position:absolute;right:12px;top:0;width:32px;height:100%;flex-direction:column;justify-content:space-between}.ayah-marker{background-color:var(--color-primary);color:#fff;font-size:var(--font-size-xs);font-weight:600;width:24px;height:24px;border-radius:50%;justify-content:center;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.ayah-marker:hover{background-color:var(--color-primary-light);transform:scale(1.1)}.ayah-marker.active{background-color:var(--color-accent);transform:scale(1.2);box-shadow:var(--shadow-md)}@media (max-width:768px){.ayah-marker{width:20px;height:20px;font-size:10px}}.ayah-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast);pointer-events:none;backdrop-filter:blur(2px)}.ayah-overlay.visible{opacity:1;visibility:visible}.overlay-content{background-color:var(--color-bg-primary);border-radius:16px;padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;box-shadow:var(--shadow-lg);transform:scale(.9);transition:transform var(--transition-fast)}.ayah-overlay.visible .overlay-content{transform:scale(1)}.overlay-ayah-number{font-size:4rem;font-weight:700;color:var(--color-primary);line-height:1;margin-bottom:var(--spacing-sm)}@media (max-width:768px){.overlay-ayah-number{font-size:3rem}}.overlay-surah-name{font-family:var(--font-arabic);font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-arabic);direction:rtl}@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,.surah-nav::-webkit-scrollbar{width:6px}.content-body::-webkit-scrollbar-track,.surah-nav::-webkit-scrollbar-track{background:0 0}.content-body::-webkit-scrollbar-thumb,.surah-nav::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}.content-body::-webkit-scrollbar-thumb:hover,.surah-nav::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-secondary)}.preferences-panel{position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg-sidebar);z-index:1000;display:none;flex-direction:column;overflow:hidden}.preferences-panel.visible{display:flex}.preferences-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border-light);background-color:var(--color-bg-primary)}.preferences-header h3{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary)}.preferences-close{background:0 0;border:0;font-size:var(--font-size-xl);color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:4px;transition:var(--transition-fast)}.preferences-close:hover{background-color:var(--color-border-light);color:var(--color-text-primary)}.preferences-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.preference-group{margin-bottom:var(--spacing-xl)}.preference-group:last-child,.preference-item:last-child{margin-bottom:0}.preference-group h4{margin:0 0 var(--spacing-md)0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);padding-bottom:var(--spacing-xs)}.preference-item{margin-bottom:var(--spacing-md)}.preference-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;margin-bottom:var(--spacing-xs)}.preference-label .checkmark{position:relative;width:18px;height:18px;border:2px solid var(--color-border-dark);border-radius:3px;background-color:var(--color-bg-primary);transition:var(--transition-fast)}.preference-label .checkmark::after{content:"";position:absolute;left:5px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:var(--transition-fast)}.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{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:6px;font-size:var(--font-size-sm);background-color:var(--color-bg-primary);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-fast)}.preference-select:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(26,75,58,.1)}.preference-range{flex:1;margin:0 var(--spacing-sm);accent-color:var(--color-primary)}.range-value{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:600;min-width:40px;text-align:center}.sidebar.collapsed .preferences-panel,.sidebar.collapsed .sidebar-actions{display:none}.sidebar.collapsed .ayah-list{display:none!important}.sidebar.collapsed .surah-item.active{background-color:inherit;color:inherit}.sidebar.collapsed .surah-item.active .surah-name-arabic{color:var(--color-text-arabic)}.sidebar.collapsed .surah-item.active .surah-meta{color:var(--color-text-secondary)}.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}.sidebar .preferences-panel{z-index:1100}.ayah-scrollbar.hidden{display:none!important}.content-body{transition:padding var(--transition-normal)}.content-body.scrollbar-padding-right{padding-right:1.875rem}.content-body.scrollbar-padding-left{padding-left:1.875rem}