body{box-sizing:border-box;background-color:#0d1117;margin:0;padding:0}:root{--bg:#0d1117;--surface:#161b27;--surface2:#1e2636;--border:#2a3348;--accent:#c9a84c;--accent-soft:#c9a84c1f;--text-primary:#e8eaf0;--text-secondary:#8b96b0;--text-muted:#525d75;--nav-bg:#0d1117d9;--hero-gradient:radial-gradient(ellipse 80% 60% at 50% 0%,#c9a84c14,transparent 70%);--radius:14px;--radius-sm:8px;--nav-height:64px;--font-arabic:"Amiri","Scheherazade New",serif;--transition:background .3s ease,color .3s ease,border-color .3s ease}.hero-textlogo{letter-spacing:.04em;text-align:center;color:var(--text-primary);filter:drop-shadow(0 0 40px #c9a84c26);margin:0 0 12px;font-family:Amiri,Scheherazade New,serif;font-size:clamp(56px,10vw,120px);font-weight:700;line-height:1}.hero-subtext{color:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase;text-align:center;margin:0 0 48px;font-size:clamp(13px,2vw,16px);font-style:italic}.page{background:var(--bg);min-height:100vh;color:var(--text-primary);transition:var(--transition);flex-direction:column;font-family:Inter,system-ui,sans-serif;display:flex}.navbar{z-index:100;height:var(--nav-height);background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);transition:var(--transition);position:sticky;top:0}.navInner{align-items:center;gap:32px;max-width:1200px;height:100%;margin:0 auto;padding:0 24px;display:flex}.navBrand{flex-shrink:0;align-items:center;gap:10px;text-decoration:none;display:flex}.navLogo{color:var(--accent);font-size:22px}.navTitle{letter-spacing:.02em;color:var(--text-primary);font-size:18px;font-weight:700}.navLinks{flex:1;gap:4px;list-style:none;display:flex}.navLink{border-radius:var(--radius-sm);color:var(--text-secondary);padding:6px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s,background .2s}.navLink:hover{color:var(--text-primary);background:var(--surface2)}.navActions{flex-shrink:0;align-items:center;gap:12px;display:flex}.navSearch{flex-shrink:0}.searchInput{background:var(--surface2);border:1px solid var(--border);color:var(--text-primary);border-radius:999px;outline:none;width:220px;padding:8px 18px;font-size:13px;transition:border-color .2s,width .3s,background .3s}.searchInput::placeholder{color:var(--text-muted)}.searchInput:focus{border-color:var(--accent);width:280px}.themeToggle{cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:8px;padding:4px 0;display:flex}.themeToggleTrack{background:var(--surface2);border:1px solid var(--border);border-radius:999px;width:42px;height:24px;transition:background .3s,border-color .3s;display:block;position:relative}.themeToggle:hover .themeToggleTrack{border-color:var(--accent)}.themeToggleThumb{background:var(--accent);border-radius:50%;width:16px;height:16px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:absolute;top:3px;left:3px}.thumbLight{transform:translate(18px)}.themeToggleIcon{-webkit-user-select:none;user-select:none;font-size:16px;line-height:1;transition:transform .3s}.themeToggle:hover .themeToggleIcon{transform:rotate(20deg)scale(1.1)}.main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:48px 24px 64px}.hero{text-align:center;background:var(--hero-gradient);border:1px solid var(--border);border-radius:var(--radius);transition:var(--transition);margin-bottom:48px;padding:56px 24px 48px}.heroArabic{font-family:var(--font-arabic);color:var(--accent);letter-spacing:.04em;direction:rtl;margin-bottom:16px;font-size:clamp(24px,4vw,40px);line-height:1.8}.heroTranslation{color:var(--text-secondary);font-size:15px;font-style:italic}.btn{background:var(--accent);color:#0d1117;border-radius:999px;padding:10px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s,transform .15s;display:inline-block}.btn:hover{opacity:.85;transform:translateY(-1px)}.toggle-btn{color:#0d1117;border:2px solid var(--border);background:#0d1117;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s,transform .15s;display:inline-block}.toggle-btn:hover{opacity:.85;transform:translateY(-1px)}.section{margin-bottom:48px}.sectionTitle{color:var(--text-primary);border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:12px;font-size:20px;font-weight:600}.surahGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.surahCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:inherit;align-items:center;gap:16px;padding:20px;text-decoration:none;transition:border-color .2s,background .2s,transform .15s;display:flex}.surahCard:hover{border-color:var(--accent);background:var(--surface2);transform:translateY(-2px)}.surahNumber{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border:1px solid #c9a84c4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.surahInfo{flex:1;min-width:0}.surahName{color:var(--text-primary);margin-bottom:2px;font-size:15px;font-weight:600}.surahMeaning{color:var(--text-secondary);margin-bottom:4px;font-size:12px}.surahVerses{color:var(--text-muted);font-size:11px}.surahArabic{font-family:var(--font-arabic);color:var(--accent);direction:rtl;flex-shrink:0;font-size:22px}.surahTitle{color:var(--text-primary);margin:8px 0;font-size:clamp(20px,3vw,32px);font-weight:700}.surahMeta{color:var(--text-muted);justify-content:center;gap:10px;margin-top:12px;font-size:13px;display:flex}.versesPlaceholder{border:2px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--text-muted);padding:60px 24px;font-size:15px}.versesList{flex-direction:column;gap:16px;display:flex}.verseCard{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);gap:20px;padding:24px;display:flex}.verseNumber{background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border:1px solid #c9a84c4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.verseArabic{font-family:var(--font-arabic);text-align:right;color:var(--text-primary);direction:rtl;font-size:26px;line-height:2}.juzCard{align-items:flex-start}.juzSurahList{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.juzSurahTag{background:var(--accent-soft);color:var(--text-secondary);border:1px solid #c9a84c33;border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:11px;display:inline-flex}.juzVerseRange{color:var(--text-muted);font-size:10px}.comingSoon{text-align:center;border:2px dashed var(--border);border-radius:var(--radius);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:80px 24px;display:flex}.comingSoonIcon{font-size:40px}.comingSoonTitle{color:var(--text-primary);font-size:18px;font-weight:600}.comingSoonText{color:var(--text-muted);max-width:340px;font-size:14px;line-height:1.6}.popularGrid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:600px){.popularGrid{grid-template-columns:1fr}}.theme-black{--bg:#0a0a0a;--surface:#111;--surface2:#1a1a1a;--border:#222;--accent:#c9a84c;--accent-soft:#c9a84c1f;--text-primary:#e8eaf0;--text-secondary:#8b96b0;--text-muted:#525d75;--nav-bg:#0a0a0ad9}.theme-pink{--bg:#1a0d14;--surface:#2a1020;--surface2:#35182a;--border:#4a2040;--accent:#e87fa0;--accent-soft:#e87fa01f;--text-primary:#f5e6ec;--text-secondary:#c4a0b0;--text-muted:#7a5068;--nav-bg:#1a0d14d9}.theme-baby-blue{--bg:#0d121a;--surface:#101a2a;--surface2:#182535;--border:#20354a;--accent:#87ceeb;--accent-soft:#87ceeb1f;--text-primary:#e6f0f5;--text-secondary:#a0bcc4;--text-muted:#50687a;--nav-bg:#0d121ad9}.settingsGroup{flex-direction:column;gap:12px;display:flex}.settingsLabel{color:var(--text-secondary);font-size:15px;font-weight:600}.themeOptions{gap:12px;display:flex}.themeOption{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;align-items:center;gap:10px;min-width:120px;padding:16px 24px;transition:border-color .2s,transform .15s;display:flex;position:relative}.themeOption:hover{border-color:var(--accent);transform:translateY(-2px)}.themeOptionActive{border-color:var(--accent)}.themeSwatches{gap:4px;display:flex}.themeSwatch{border-radius:50%;width:20px;height:20px;display:inline-block}.themeOptionLabel{color:var(--text-primary);font-size:13px;font-weight:500}.themeOptionCheck{color:var(--accent);font-size:12px;position:absolute;top:8px;right:10px}.theme-default{--bg:#0d1117;--surface:#161b27;--surface2:#1e2636;--border:#2a3348;--accent:#c9a84c;--accent-soft:#c9a84c1f;--text-primary:#e8eaf0;--text-secondary:#8b96b0;--text-muted:#525d75;--nav-bg:#0d1117d9}.light{--bg:#f5f0e8;--surface:#fff;--surface2:#ede8de;--border:#d6cfc0;--accent:#a07828;--accent-soft:#a078281a;--text-primary:#1a1a1a;--text-secondary:#5a5040;--text-muted:#9a8f7a;--nav-bg:#f5f0e8e0;--hero-gradient:radial-gradient(ellipse 80% 60% at 50% 0%,#a0782812,transparent 70%)}.theme-black.light{--bg:#e8e8e8;--surface:#f5f5f5;--surface2:#dcdcdc;--border:silver;--accent:#a07828;--accent-soft:#a078281a;--text-primary:#1a1a1a;--text-secondary:#444;--text-muted:#888;--nav-bg:#e8e8e8e0}.theme-pink.light{--bg:#fdf0f5;--surface:#fff;--surface2:#fce4ee;--border:#f0b8ce;--accent:#c0446a;--accent-soft:#c0446a1a;--text-primary:#2a0a14;--text-secondary:#7a3050;--text-muted:#b07090;--nav-bg:#fdf0f5e0}.theme-baby-blue.light{--bg:#eef6fb;--surface:#fff;--surface2:#daeef8;--border:#b0d8ec;--accent:#2a7fa0;--accent-soft:#2a7fa01a;--text-primary:#0a1e2a;--text-secondary:#2a5068;--text-muted:#6a9ab0;--nav-bg:#eef6fbe0}.audioSection{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:16px;margin-bottom:48px;padding:24px;display:flex}.reciterSelect{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238b96b0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;outline:none;width:100%;padding:10px 36px 10px 16px;font-size:14px;transition:border-color .2s,background .2s}.reciterSelect:focus{border-color:var(--accent)}.reciterSelect option{background:var(--surface2);color:var(--text-primary)}.audioPlayer{width:100%;height:40px;accent-color:var(--accent);border-radius:var(--radius-sm)}select{appearance:none;background-color:var(--card-bg);color:var(--text-primary);border:1px solid var(--accent);cursor:pointer;border-radius:8px;max-width:250px;padding:8px 16px;font-family:Poppins,sans-serif;font-size:14px}select:focus{border-color:var(--accent);outline:none}audio{max-width:250px;margin-top:10px}#audio-section{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}#audio-section .sectionTitle{margin:0}.footer{text-align:center;border-top:1px solid var(--border);color:var(--text-muted);padding:24px;font-size:13px}@media (max-width:768px){.navLinks{display:none}.searchInput{width:140px}.searchInput:focus{width:170px}.surahGrid{grid-template-columns:1fr}}