.sr-page{--gold-dim:var(--gold);--muted:var(--muted);background:var(--black);color:var(--foreground);min-height:100vh;font-family:var(--font-ui), sans-serif}.sr-hero{text-align:center;border-bottom:1px solid var(--gold);background:radial-gradient(ellipse 110% 70% at 50% 0%, color-mix(in srgb, var(--gold) 8%, transparent) 0%, color-mix(in srgb, var(--gold) 4%, transparent) 30%, color-mix(in srgb, var(--gold) 1.5%, transparent) 60%, transparent 90%), linear-gradient(180deg, var(--deep) 0%, var(--background) 100%);padding:clamp(40px,6vw,80px) clamp(16px,4vw,48px) clamp(40px,6vw,72px);position:relative;overflow:hidden}.sr-hero-watermark{font-family:var(--font-arabic-body), var(--font-arabic-display), serif;color:var(--gold);opacity:.07;-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;z-index:0;font-size:clamp(130px,28vw,280px);font-weight:700;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sr-hero-content{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.sr-breadcrumb{font-family:var(--font-ui), sans-serif;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin-bottom:22px;font-size:11px}.sr-breadcrumb a{color:var(--muted);text-decoration:none;transition:color .2s}.sr-breadcrumb a:hover{color:var(--gold-bright)}.sr-breadcrumb span{color:var(--gold)}.sr-arabic{font-family:var(--font-arabic-body), var(--font-arabic-display), serif;color:var(--gold-bright);margin:0 0 10px;font-size:56px;font-weight:700;line-height:1.3}.sr-uzbek{font-family:var(--font-ui), sans-serif;letter-spacing:6px;color:var(--gold);text-transform:uppercase;margin:0 0 20px;font-size:18px;font-weight:500}.sr-divider{align-items:center;gap:10px;width:180px;margin:0 auto 24px;display:flex}.sr-divider-line{background:linear-gradient(to right, transparent, color-mix(in srgb, var(--gold) 70%, transparent));flex:1;height:1px}.sr-divider-line--right{background:linear-gradient(to left, transparent, color-mix(in srgb, var(--gold) 70%, transparent))}.sr-divider-diamond{border:1px solid var(--gold);flex-shrink:0;width:6px;height:6px;transform:rotate(45deg)}.sr-stats{align-items:center;gap:0;display:flex}.sr-stat{flex-direction:column;align-items:center;padding:0 28px;display:flex}.sr-stat-num{font-family:var(--font-arabic-body), var(--font-arabic-display), serif;color:var(--gold-bright);font-size:26px;line-height:1}.sr-stat-label{font-family:var(--font-ui), sans-serif;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-top:4px;font-size:10px}.sr-stat-sep{background:var(--border-mid);flex-shrink:0;width:1px;height:32px}.sr-nav{border-bottom:.5px solid var(--border);background:var(--deep);grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 32px;display:grid}.sr-nav-btn{font-family:var(--font-ui), sans-serif;letter-spacing:1.5px;color:var(--muted);border:1px solid var(--border-mid);justify-self:start;align-items:center;gap:6px;max-width:220px;padding:8px 16px;font-size:11px;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.sr-nav-btn-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.sr-nav-btn-arrow{color:var(--gold);flex-shrink:0}.sr-nav-btn:hover{color:var(--gold);border-color:var(--gold-dim)}.sr-nav-btn--right{text-align:right;justify-self:end}.sr-nav-center{font-family:var(--font-ui), sans-serif;letter-spacing:2px;color:var(--gold);text-transform:uppercase;opacity:.8;justify-self:center;font-size:10px;text-decoration:none;transition:opacity .2s}.sr-nav-center:hover{opacity:1}.sr-nav-spacer{width:80px}.sr-toolbar{background:var(--card-bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 32px;display:flex}.sr-toolbar-left,.sr-toolbar-right{align-items:center;gap:8px;display:flex}.sr-play-btn{border:.5px solid var(--gold-dim);color:var(--gold);font-family:var(--font-ui), sans-serif;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:9px 16px;font-size:11px;transition:background .2s,border-color .2s,color .2s;display:flex}.sr-play-btn svg{stroke:currentColor;fill:none;flex-shrink:0}.sr-play-btn:hover{background:linear-gradient(135deg, var(--deep) 0%, var(--background) 100%);border-color:var(--gold)}.sr-play-btn--active{background:var(--gold-fill,var(--gold));border-color:var(--gold);color:var(--on-gold);box-shadow:0 0 0 1px var(--gold), 0 4px 14px color-mix(in srgb, var(--gold) 30%, transparent);font-weight:600}.sr-toolbar-btn{border:1px solid var(--border-mid);color:var(--muted);font-family:var(--font-ui), sans-serif;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:9px 14px;font-size:11px;transition:color .2s,border-color .2s;display:flex}.sr-toolbar-btn svg{stroke:currentColor;fill:none;flex-shrink:0}.sr-toolbar-btn:hover{color:var(--gold);border-color:var(--gold-dim)}.sr-toolbar-btn--active{color:var(--gold-bright);border-color:var(--gold)}.sr-toolbar-btn--active svg{fill:currentColor}.sr-bismillah{text-align:center;border-bottom:.5px solid var(--border-mid);padding:24px 40px 12px}.sr-bismillah-lines{align-items:center;gap:16px;margin-bottom:8px;display:flex}.sr-bismillah-line{background:color-mix(in srgb, var(--gold) 25%, transparent);flex:1;height:.5px}.sr-bismillah-text{font-family:var(--font-arabic-body), var(--font-arabic-display), serif;color:var(--gold-bright);flex-shrink:0;margin:0;font-size:28px;line-height:1.6}.sr-bismillah-meaning{font-family:var(--font-ui), sans-serif;letter-spacing:1px;color:var(--dim);margin:0 0 8px;font-size:11px}.sr-ayahs{max-width:780px;margin:0 auto;padding:0 40px 60px}.sr-ayah{border-bottom:.5px solid var(--border-mid);margin:0 -20px;padding:28px 20px;transition:background .4s,box-shadow .4s}.sr-ayah:last-child{border-bottom:none}.sr-ayah--karaoke{background:linear-gradient(90deg, color-mix(in srgb, var(--gold) 10%, transparent) 0%, color-mix(in srgb, var(--gold) 2%, transparent) 100%);box-shadow:inset 3px 0 0 0 var(--gold)}.sr-sajdah-marker{background:color-mix(in srgb, var(--gold) 8%, transparent);border:.5px solid var(--gold-dim);color:var(--gold);font-family:var(--font-ui), sans-serif;letter-spacing:1.2px;text-transform:uppercase;white-space:nowrap;align-items:center;gap:4px;margin-left:auto;padding:2px 8px 2px 6px;font-size:9px;display:inline-flex}.sr-sajdah-marker svg{flex-shrink:0;width:12px;height:12px}.sr-ayah-meta{align-items:center;gap:12px;margin-bottom:18px;display:flex}.sr-ayah-num{border:1px solid var(--gold-dim);width:32px;height:32px;font-family:var(--font-arabic-body), var(--font-arabic-display), serif;color:var(--gold);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;display:inline-flex;transform:rotate(45deg)}.sr-ayah-num-inner{transform:rotate(-45deg)}.sr-ayah-meta-text{font-family:var(--font-ui), sans-serif;letter-spacing:1.5px;color:var(--dim);text-transform:uppercase;font-size:10px}@keyframes sr-dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.sr-playing-dot{background:var(--gold-fill,var(--gold));border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1s ease-in-out infinite sr-dot-pulse}.sr-ayah-arabic{font-family:var(--font-arabic-body), var(--font-arabic-display), serif;color:var(--foreground);text-align:right;direction:rtl;margin:0 0 16px;font-size:30px;line-height:2.2}.sr-ayah-end-marker{color:var(--gold);font-size:20px;font-family:var(--font-arabic-body), var(--font-arabic-display), serif}.sr-ayah-uzbek{font-family:var(--font-ui), sans-serif;color:var(--muted);margin:0 0 16px;font-size:16px;line-height:1.9}.quran-entity-link{color:inherit;border-bottom:1px solid color-mix(in srgb, var(--gold) 30%, transparent);text-decoration:none;transition:color .2s,border-color .2s}.quran-entity-link:hover{color:var(--gold-bright);border-bottom-color:var(--gold)}.sr-ayah-actions{align-items:center;gap:16px;margin-bottom:12px;display:flex}.sr-ayah-action{cursor:pointer;color:var(--dim);font-family:var(--font-ui), sans-serif;letter-spacing:1px;text-transform:uppercase;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:11px;transition:color .2s;display:flex}.sr-ayah-action svg{stroke:currentColor;fill:none;stroke-width:1.5px;flex-shrink:0;width:14px;height:14px}.sr-ayah-action:hover,.sr-ayah-action--active,.sr-ayah-action--bookmarked{color:var(--gold)}.sr-ayah-action--bookmarked svg{fill:var(--gold)}.sr-copied-tip{color:var(--success-strong);letter-spacing:1px;font-size:11px}.sr-tab-bar{border-bottom:.5px solid var(--border-mid);gap:0;display:flex}.sr-tab{font-family:var(--font-ui), sans-serif;letter-spacing:1.5px;text-transform:uppercase;color:var(--dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 18px;font-size:10px;transition:color .2s,border-color .2s}.sr-tab:hover{color:var(--muted)}.sr-tab--active{color:var(--gold-bright);border-bottom-color:var(--gold)}.sr-tab-content{padding:20px 0 8px}.sr-tab-placeholder{font-family:var(--font-ui), sans-serif;color:var(--dim);letter-spacing:1px;margin:0;font-size:12px;font-style:italic}.sr-tafsir-list{flex-direction:column;gap:8px;display:flex}.sr-tafsir-item{background:var(--deep);border-left:2px solid var(--gold);border-radius:3px;padding:14px 16px}.sr-tafsir-scholar{font-family:var(--font-ui), sans-serif;letter-spacing:1.5px;color:var(--gold);text-transform:uppercase;margin-bottom:8px;font-size:10px}.sr-tafsir-arabic{font-family:var(--font-arabic-body), var(--font-arabic-display), serif;color:var(--gold-bright);text-align:right;direction:rtl;margin:0 0 10px;font-size:18px;line-height:2}.sr-tafsir-text{font-family:var(--font-ui), sans-serif;color:var(--foreground);opacity:.85;margin:0;font-size:13px;line-height:1.9}.sr-toggle-state{letter-spacing:1.5px;opacity:.85;border:.5px solid;margin-left:2px;padding:1px 6px;font-size:9px;line-height:1.5;display:inline-block}.sr-play-btn--active .sr-toggle-state{background:var(--on-gold);color:var(--gold-bright);border-color:var(--on-gold);opacity:1}.sr-tajweed-wrap{align-items:center;gap:6px;display:inline-flex;position:relative}.sr-tajweed-wrap--mobile{display:none}.sr-tajweed-help{border:.5px solid var(--gold-dim);width:26px;height:26px;color:var(--gold);font-family:var(--font-ui), sans-serif;cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;line-height:1;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.sr-tajweed-help:hover{background:linear-gradient(135deg, var(--deep) 0%, var(--background) 100%);border-color:var(--gold);color:var(--gold-bright)}.sr-tajweed-help--open{background:var(--gold-fill,var(--gold));border-color:var(--gold-bright);color:var(--on-gold)}.sr-tajweed-legend{z-index:30;background:var(--deep);border:.5px solid var(--gold-dim);width:380px;max-width:calc(100vw - 32px);box-shadow:0 0 0 1px #00000080, 0 24px 60px -12px #000c, 0 0 40px color-mix(in srgb, var(--gold) 8%, transparent);padding:18px 20px 14px;position:absolute;top:calc(100% + 10px);left:0}.sr-tajweed-legend:before{content:"";background:var(--deep);border-top:.5px solid var(--gold-dim);border-left:.5px solid var(--gold-dim);width:10px;height:10px;position:absolute;top:-6px;left:60px;transform:rotate(45deg)}.sr-tajweed-legend-title{font-family:var(--font-ui), sans-serif;letter-spacing:1.5px;color:var(--gold);text-transform:uppercase;margin:0 0 12px;font-size:10px}.sr-tajweed-legend-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sr-tajweed-legend-list li{font-family:var(--font-ui), sans-serif;color:var(--foreground);align-items:center;gap:12px;font-size:12px;line-height:1.5;display:flex}.sr-tj-swatch{text-align:center;width:32px;font-family:var(--font-arabic-body), var(--font-arabic-display), serif;flex-shrink:0;font-size:18px;font-weight:600;line-height:1;display:inline-block}.sr-tj-swatch--dim{color:color-mix(in srgb, var(--foreground) 45%, transparent)}.sr-tajweed-legend-close{color:var(--dim);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:18px;line-height:1;transition:color .15s;position:absolute;top:6px;right:8px}.sr-tajweed-legend-close:hover{color:var(--foreground)}.sr-ayah-arabic tajweed{font:inherit}.sr-ayah-arabic tajweed.madda_normal,.sr-ayah-arabic tajweed.madda_permissible{color:var(--tajweed-madd)}.sr-ayah-arabic tajweed.madda_obligatory{color:var(--tajweed-madd-strong)}.sr-ayah-arabic tajweed.madda_necessary{color:var(--tajweed-madd-max)}.sr-ayah-arabic tajweed.ghunnah,.sr-ayah-arabic tajweed.idgham_ghunnah,.sr-ayah-arabic tajweed.idgham_shafawi,.sr-ayah-arabic tajweed.idgham_mutajanisayn{color:var(--tajweed-ghunna)}.sr-ayah-arabic tajweed.idgham_wo_ghunnah{color:var(--tajweed-idgham)}.sr-ayah-arabic tajweed.ikhafa,.sr-ayah-arabic tajweed.ikhafa_shafawi{color:var(--tajweed-ikhfa)}.sr-ayah-arabic tajweed.iqlab{color:var(--tajweed-iqlab)}.sr-ayah-arabic tajweed.qalaqah{color:var(--tajweed-qalqala)}.sr-ayah-arabic tajweed.ham_wasl,.sr-ayah-arabic tajweed.slnt,.sr-ayah-arabic tajweed.laam_shamsiyah{color:color-mix(in srgb, var(--foreground) 45%, transparent)}.sr-tafsir-picker{background:var(--card-bg);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 32px;display:flex}.sr-tafsir-picker+.sr-tafsir-picker{border-bottom:.5px solid var(--border)}.sr-tafsir-picker-label{font-family:var(--font-ui), sans-serif;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;white-space:nowrap;margin-right:4px;font-size:10px}.sr-tafsir-lang-chips{flex-wrap:wrap;gap:8px;display:flex}.sr-tafsir-lang-chip{border:.5px solid var(--gold-dim);color:var(--gold);font-family:var(--font-ui), sans-serif;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;border-radius:2px;padding:9px 16px;font-size:11px;transition:background .2s,border-color .2s,color .2s}.sr-tafsir-lang-chip:hover{background:linear-gradient(135deg, var(--deep) 0%, var(--background) 100%);border-color:var(--gold)}.sr-tafsir-lang-chip--active,.sr-tafsir-lang-chip--active:hover{background:var(--gold-fill,var(--gold));border-color:var(--gold);color:var(--on-gold);box-shadow:0 0 0 1px var(--gold), 0 4px 14px color-mix(in srgb, var(--gold) 30%, transparent);font-weight:600}.sr-tafsir-select{max-width:100%}.sr-tafsir-cdn{font-family:var(--font-ui), sans-serif;color:var(--foreground);opacity:.92;font-size:13px;line-height:1.85}.sr-tafsir-cdn p{margin:0 0 10px}.sr-tafsir-cdn p:last-child{margin-bottom:0}.sr-tafsir-cdn .arabic,.sr-tafsir-cdn .qpc-hafs,.sr-tafsir-cdn [lang=ar]{font-family:var(--font-arabic-body), var(--font-arabic-display), serif;color:var(--gold-bright);font-size:17px;line-height:2}.sr-tafsir-cdn .blue{color:var(--gold);font-weight:500}.sr-tafsir-cdn--rtl{text-align:right;font-family:var(--font-arabic-body), var(--font-arabic-display), serif;color:var(--foreground);opacity:1;direction:rtl;font-size:19px;line-height:2.1}.sr-loading{justify-content:center;padding:80px 40px;display:flex}.sr-loading-text{font-family:var(--font-ui), sans-serif;letter-spacing:3px;color:var(--gold);text-transform:uppercase;opacity:.6;font-size:12px}.sr-error{flex-direction:column;align-items:center;gap:16px;padding:80px 40px;display:flex}.sr-error-arabic{font-family:var(--font-arabic-body), var(--font-arabic-display), serif;color:var(--gold);margin:0;font-size:40px}.sr-error-text{font-family:var(--font-ui), sans-serif;color:var(--muted);margin:0;font-size:13px}.sr-error-retry{border:.5px solid var(--gold);color:var(--gold);font-family:var(--font-ui), sans-serif;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;margin-top:8px;padding:10px 22px;font-size:10px;transition:background .2s,color .2s}.sr-error-retry:hover{background:var(--gold-fill,var(--gold));color:var(--on-gold)}.sr-ayah-audio-error{font-family:var(--font-ui), sans-serif;letter-spacing:.5px;color:var(--dim);margin-bottom:10px;font-size:11px}.sr-ayah-audio-error-link{cursor:pointer;color:var(--gold);font-family:var(--font-ui), sans-serif;letter-spacing:.5px;background:0 0;border:none;border-radius:2px;padding:0;font-size:11px;text-decoration:underline;transition:opacity .2s}.sr-ayah-audio-error-link:hover{opacity:.75}@media (max-width:768px){.sr-hero{padding:clamp(40px,6vw,80px) clamp(16px,4vw,48px) clamp(40px,6vw,72px)}.sr-arabic{font-size:40px}.sr-uzbek{letter-spacing:4px;font-size:15px}.sr-stat{padding:0 16px}.sr-nav{gap:8px;padding:12px 16px}.sr-nav-btn{justify-self:stretch;min-width:0;max-width:none}.sr-nav-center{letter-spacing:1px}.sr-nav-spacer{width:auto}.sr-toolbar{padding:12px 20px}.sr-bismillah{padding:20px 20px 10px}.sr-ayahs{padding:0 20px 48px}.sr-toolbar{flex-direction:column;align-items:stretch;gap:10px}.sr-toolbar-left{flex-direction:column;align-items:stretch;gap:10px;width:100%;min-width:0}.sr-toolbar-right{flex-direction:row;align-items:stretch;gap:10px;width:100%;min-width:0}.sr-toolbar .sr-play-btn,.sr-toolbar .sr-toolbar-btn{justify-content:center;width:100%}.sr-toolbar-right .sr-toolbar-btn{flex:1 1 0;min-width:0}.sr-tajweed-wrap--mobile{flex:1 1 0;min-width:0;display:inline-flex}.sr-tajweed-wrap--mobile .sr-play-btn{flex:auto;justify-content:center;width:auto;min-width:0}.sr-reciter-select{flex:none;width:100%;min-width:0;max-width:100%}.sr-tajweed-wrap--desktop{display:none}.sr-tafsir-picker{flex-direction:column;align-items:stretch;gap:10px}.sr-tafsir-picker-label{align-self:flex-start;margin-right:0}.sr-tafsir-lang-chips{width:100%}.sr-tafsir-lang-chip{flex:1 1 0;min-width:0}.sr-tafsir-select{width:100%;max-width:100%}.sr-reciter-select .dd-list,.sr-tafsir-select .dd-list{width:auto;min-width:0;max-width:none;left:0;right:0}}@media (max-width:480px){.sr-ayah-arabic{font-size:24px}.sr-stat{padding:0 12px}.sr-stat-num{font-size:20px}.sr-nav-btn{letter-spacing:.5px;padding:7px 10px;font-size:10px}.sr-play-btn,.sr-toolbar-btn{padding:8px 10px;font-size:10px}.sr-ayah-actions{flex-wrap:wrap;gap:12px}}.ayah-highlight-flash{animation:3s cubic-bezier(.4,0,.2,1) ayahFlash}@keyframes ayahFlash{0%{background:0 0;box-shadow:inset 3px 0 #0000}20%,45%{background:color-mix(in srgb, var(--gold) 30%, transparent);box-shadow:inset 3px 0 0 0 var(--gold)}to{background:0 0;box-shadow:inset 3px 0 #0000}}.sr-ayah-skel-list{flex-direction:column;gap:28px;max-width:760px;margin:32px auto;padding:0 16px;display:flex}.sr-ayah-skeleton{align-items:flex-start;gap:16px;display:flex}.sr-skel-num{background:color-mix(in srgb, var(--foreground) 9%, transparent);border-radius:50%;flex:none;width:34px;height:34px}.sr-skel-lines{flex-direction:column;flex:1;gap:12px;padding-top:4px;display:flex}.sr-skel-line{border-radius:var(--r-sm,4px);background:color-mix(in srgb, var(--foreground) 9%, transparent);height:12px}.sr-skel-ar{background:color-mix(in srgb, var(--gold) 12%, transparent);width:70%;height:20px;margin-left:auto}.sr-skel-short{width:55%}