.surah-reader-page{padding:var(--space-3) 0 var(--space-32) 0;max-width:1180px;margin:0 auto;overflow-x:clip;position:relative;isolation:isolate;background:color-mix(in srgb,var(--theme-bg) 97%,var(--theme-bg-elevated) 3%)}.surah-reader-page>.q-container{max-width:100%}.surah-reader-page.distraction-free{max-width:1540px;padding-top:var(--space-8)}.surah-reader-page:before,.surah-reader-page:after{display:none}.reader-nav{margin-bottom:var(--space-8);display:grid;gap:var(--space-4)}.reader-nav-topline{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;padding:.65rem .8rem;border-radius:calc(var(--radius-xl) - .2rem);background:color-mix(in srgb,var(--theme-bg-elevated) 88%,var(--theme-bg) 12%);border:1px solid color-mix(in srgb,var(--theme-text) 7%,transparent);box-shadow:none}.reader-back-link{font-weight:500;white-space:nowrap}.view-mode-toggle{display:flex;gap:.5rem;background:color-mix(in srgb,var(--theme-bg) 100%,transparent);padding:.25rem;border-radius:var(--radius-full)}.view-mode-toggle button{padding:.5rem 1rem;border-radius:var(--radius-full);border:none;cursor:pointer;font-family:var(--font-sans);font-size:.9rem;font-weight:600;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease}.reader-language-options button{padding:.5rem 1rem;border-radius:var(--radius-xl);border:none;cursor:pointer;font-family:var(--font-sans);font-size:.9rem;font-weight:600;transition:background-color .2s ease,color .2s ease,box-shadow .22s cubic-bezier(.4,0,.2,1),border-color .2s ease}.view-mode-toggle button{background:transparent;color:var(--theme-text)}.view-mode-toggle button.active{background:color-mix(in srgb,var(--theme-text) 10%,var(--theme-bg) 90%);color:var(--theme-text);box-shadow:none}.view-mode-toggle button:focus-visible,.reader-language-options button:focus-visible,.reader-focus-btn:focus-visible,.reader-jump-controls button:focus-visible,.reader-action-dock-btn:focus-visible,.reader-tools-toggle:focus-visible,.surah-context-trigger:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 72%,white 28%);outline-offset:2px}.reader-jump-controls input:focus-visible,.reader-slider-group input:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 12%,transparent)}.reader-aids-group-title{letter-spacing:.08em}.reader-jump-form,.reader-slider-group,.reader-shortcut-hint{display:grid;gap:var(--space-2)}.reader-panel-copy{margin:0;color:color-mix(in srgb,var(--theme-text-muted) 72%,var(--theme-text) 28%);font-size:.95rem;line-height:1.55}.reader-jump-controls{display:flex;gap:var(--space-2)}.reader-jump-controls input,.reader-jump-controls button,.reader-slider-group input,.reader-focus-btn{border:none;border-radius:var(--radius-full)}.reader-jump-controls input{min-width:0;width:100%;background:color-mix(in srgb,var(--theme-bg) 88%,transparent);color:var(--theme-text);padding:.75rem .95rem}.reader-jump-controls button,.reader-focus-btn{background:color-mix(in srgb,var(--theme-bg) 75%,var(--color-primary) 25%);color:var(--theme-text);padding:.75rem 1rem;min-height:44px;cursor:pointer;font-weight:600}.reader-focus-btn.active{background:var(--color-primary);color:#fff}.reader-slider-group input{accent-color:var(--color-primary)}.reader-shortcut-hint p{margin:0;color:color-mix(in srgb,var(--theme-text-muted) 72%,var(--theme-text) 28%);line-height:1.5;font-size:.9rem}.reader-language-label{font-family:var(--font-heading);font-size:.82rem;text-transform:uppercase;letter-spacing:.14em;color:color-mix(in srgb,var(--theme-text-muted) 66%,var(--theme-text) 34%)}.reader-language-options{display:flex;flex-wrap:wrap;gap:.5rem}.reader-language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.reader-language-options button{background:color-mix(in srgb,var(--theme-bg) 88%,var(--theme-bg-elevated) 12%);color:color-mix(in srgb,var(--theme-text-muted) 82%,var(--theme-text) 18%);border:1px solid color-mix(in srgb,var(--theme-text) 12%,transparent);min-width:3.5rem}.reader-language-chip{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.25rem;min-height:4.65rem;padding:.8rem 1.15rem;text-align:left}.reader-language-chip-code{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,var(--theme-text) 45%,var(--theme-text-muted) 55%)}.reader-language-chip-name{font-size:1.05rem;font-weight:600;color:var(--theme-text);line-height:1.25}.reader-language-options button.active{background:color-mix(in srgb,var(--color-primary) 14%,var(--theme-bg-elevated) 86%);border-color:color-mix(in srgb,var(--color-primary) 45%,transparent);color:var(--theme-text);box-shadow:0 6px 16px -4px color-mix(in srgb,black 12%,transparent)}.reader-language-options button.active .reader-language-chip-name{color:inherit}.reader-action-shell{--reader-fab-right: clamp(.75rem, 2vw, 1.25rem);--reader-fab-top: calc(5.15rem + env(safe-area-inset-top)) ;position:fixed;right:var(--reader-fab-right);top:var(--reader-fab-top);bottom:auto;z-index:120;display:grid;justify-items:end;gap:0;pointer-events:none}.reader-action-shell.has-audio{top:var(--reader-fab-top)}.reader-tools-toggle{pointer-events:auto;border:none;border-radius:var(--radius-full);padding:0;width:46px;height:46px;min-width:46px;min-height:46px;background:color-mix(in srgb,var(--color-primary) 22%,var(--theme-bg-elevated) 78%);color:color-mix(in srgb,white 92%,var(--theme-text) 8%);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 26px color-mix(in srgb,black 22%,transparent);border:1px solid color-mix(in srgb,var(--color-primary-light) 35%,transparent)}.reader-tools-toggle:hover{background:color-mix(in srgb,var(--color-primary) 30%,var(--theme-bg-elevated) 70%)}.reader-tools-toggle-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reader-tools-panel{position:fixed;top:calc(var(--reader-fab-top) + 3.2rem);right:var(--reader-fab-right);transform-origin:top right;pointer-events:auto;display:grid;gap:var(--space-3);padding:var(--space-4);width:min(20.5rem,calc(100vw - 18px));max-height:min(56vh,31rem);overflow-y:auto;scrollbar-gutter:stable;overscroll-behavior:contain;border-radius:var(--radius-xl);background:color-mix(in srgb,var(--theme-bg-elevated) 96%,var(--theme-bg) 4%);border:1px solid color-mix(in srgb,var(--theme-text) 10%,transparent);box-shadow:0 18px 44px color-mix(in srgb,black 24%,transparent)}.reader-tools-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.reader-tools-close{border:none;border-radius:var(--radius-full);min-height:38px;padding:.4rem .75rem;background:color-mix(in srgb,var(--theme-bg) 72%,transparent);color:var(--theme-text);font-weight:600;cursor:pointer}.reader-fab-section{display:grid;gap:var(--space-2)}.reader-tools-backdrop{position:fixed;inset:0;border:none;background:color-mix(in srgb,black 11%,transparent);z-index:119}.surah-reader-header{margin-bottom:var(--space-12);display:flex;flex-direction:column;align-items:center}.surah-header-card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-2);margin-bottom:var(--space-8);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--theme-bg-elevated) 82%,var(--theme-bg) 18%);border:1px solid color-mix(in srgb,var(--theme-text) 6%,transparent);box-shadow:none}.surah-header-overline{margin:0;font-family:var(--font-heading);font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in srgb,var(--theme-text) 42%,transparent)}.surah-header-titles{display:flex;align-items:center;justify-content:center;gap:var(--space-4);width:100%}.surah-header-ar{font-size:clamp(2.1rem,4.8vw,2.8rem);color:color-mix(in srgb,var(--theme-text) 96%,transparent);line-height:1.18;margin:0;flex-shrink:0}.surah-header-en-group{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.15rem;min-width:0}.surah-header-en{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-heading);font-size:clamp(1.15rem,1.9vw,1.4rem);font-weight:540;color:var(--theme-text);margin:0;letter-spacing:.02em}.surah-info-badge{background:color-mix(in srgb,var(--color-primary) 20%,transparent);color:var(--color-primary-light);font-family:var(--font-mono);font-size:.65rem;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-full);letter-spacing:.05em;transform:translateY(-2px)}.surah-header-meaning{font-family:var(--font-sans);font-size:.98rem;color:color-mix(in srgb,var(--theme-text) 56%,transparent);margin:0}.surah-header-meta{display:inline-flex;align-items:center;gap:.7rem;flex-wrap:wrap;justify-content:center;margin-top:.2rem;color:color-mix(in srgb,var(--theme-text) 44%,transparent);font-size:.83rem;letter-spacing:.06em;text-transform:uppercase}.surah-header-meta-divider{width:.3rem;height:.3rem;border-radius:999px;background:color-mix(in srgb,var(--theme-text) 26%,transparent)}.bismillah-header{margin-top:var(--space-4);margin-bottom:var(--space-8);text-align:center;display:flex;justify-content:center}.surah-context-card{margin:0 0 var(--space-8) 0;padding:0;border-radius:calc(var(--radius-xl) - .1rem);border:1px solid color-mix(in srgb,var(--theme-text) 11%,transparent);background:color-mix(in srgb,var(--theme-bg-elevated) 94%,var(--theme-bg) 6%);overflow:clip}.surah-context-accordion{margin:0}.surah-context-trigger{display:grid;gap:0;align-items:start;width:100%;padding:1rem 1.1rem;cursor:pointer;list-style:none;position:relative}.surah-context-trigger::-webkit-details-marker{display:none}.surah-context-trigger:after{content:"▾";position:absolute;right:1rem;top:.95rem;font-size:.95rem;color:color-mix(in srgb,var(--theme-text-muted) 72%,var(--theme-text) 28%);transition:transform .2s ease}.surah-context-accordion[open] .surah-context-trigger:after{transform:rotate(180deg)}@keyframes accordionSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.surah-context-panel{padding:0 1.1rem 1rem;border-top:1px solid color-mix(in srgb,var(--theme-text) 8%,transparent)}.surah-context-accordion[open] .surah-context-panel{animation:accordionSlideDown .25s var(--ease-out-quad, ease-out) forwards}.surah-context-title{margin:0;font-size:1rem;font-weight:700;letter-spacing:.01em;color:var(--theme-text)}.surah-context-summary{margin:.65rem 0 0;line-height:1.65;color:color-mix(in srgb,var(--theme-text) 88%,var(--theme-text-muted) 12%)}.surah-context-themes{display:flex;flex-wrap:wrap;gap:.45rem;margin:.8rem 0 0;padding:0;list-style:none}.surah-context-themes li{border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--theme-text) 12%,transparent);padding:.34rem .7rem;font-size:.84rem;line-height:1.35;color:color-mix(in srgb,var(--theme-text) 82%,var(--theme-text-muted) 18%);background:color-mix(in srgb,var(--theme-bg) 84%,transparent)}.surah-context-sources{margin:.8rem 0 0;color:color-mix(in srgb,var(--theme-text-muted) 78%,var(--theme-text) 22%);font-size:.9rem;line-height:1.55}.surah-context-disclaimer{margin:.35rem 0 0;color:color-mix(in srgb,var(--theme-text-muted) 85%,var(--theme-text) 15%);font-size:.85rem;line-height:1.5}@media(min-width:961px){.surah-reader-header{margin-bottom:var(--space-10)}.surah-header-card{gap:var(--space-2);margin-bottom:var(--space-6);padding:var(--space-2) 0;background:transparent;border:none;border-radius:0}.surah-header-titles{flex-direction:column;gap:var(--space-2)}.surah-header-en-group{align-items:center;text-align:center;gap:.2rem}.surah-header-ar{font-size:clamp(2.35rem,5.4vw,3.15rem)}.surah-header-en{justify-content:center}.surah-header-meta{margin-top:0}.bismillah-header{margin-top:var(--space-3);margin-bottom:var(--space-7)}.surah-context-card{margin-bottom:var(--space-7)}.surah-context-trigger{padding:1rem 1.2rem}.surah-context-panel{padding:0 1.2rem 1rem}}.giant-bismillah-text{font-size:clamp(1.78rem,4.2vw,2.5rem);color:color-mix(in srgb,var(--theme-text) 82%,transparent);line-height:1.55}.reader-skeleton-header{height:200px;background:color-mix(in srgb,var(--theme-bg-elevated) 30%,transparent);border-radius:var(--radius-lg);margin-bottom:var(--space-16)}.reading-view-container{padding:var(--space-10) var(--space-7);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--theme-bg-elevated) 72%,var(--theme-bg) 28%);line-height:2.35;text-align:right;font-size:calc(clamp(2.15rem,5.2vw,2.95rem) * var(--reader-arabic-scale, 1));color:var(--theme-text);border:1px solid color-mix(in srgb,var(--theme-text) 6%,transparent);box-shadow:none}.reading-view-ayah{display:inline;scroll-margin-top:clamp(6rem,16vh,11rem)}.reading-view-marker{display:inline-flex;align-items:center;margin-inline:var(--space-3);transform:translateY(-.12em)}.reading-view-marker .ayah-end-marker{width:.92em;height:.92em}.reading-view-marker .ayah-end-num{font-size:.42em}.reader-skeleton-ayah{height:100px;margin-bottom:var(--space-12);background:color-mix(in srgb,var(--theme-text) 5%,transparent);border-radius:var(--radius-md)}.surah-reader-page .ayah-words,.surah-reader-page .ayah-arabic-text{font-size:calc(clamp(1.65rem,4vw,2.28rem) * var(--reader-arabic-scale, 1))}.surah-reader-page .ayah-translation-text{font-size:calc(.98rem * var(--reader-translation-scale, 1))}.surah-reader-page .ayah-transliteration-text{font-size:calc(.95rem * var(--reader-translation-scale, 1))}body.reader-distraction-free .navbar,body.reader-distraction-free .app-footer{display:none}body.reader-distraction-free .app-main{max-width:100%;padding-top:var(--space-8)}@media(max-width:960px){.surah-reader-page>.q-container{padding-inline:8px!important}.surah-reader-page{padding-top:var(--space-2);padding-bottom:calc(11.25rem + env(safe-area-inset-bottom))}.reader-nav{margin-bottom:var(--space-5)}.reader-nav-topline{display:flex;align-items:stretch;justify-content:space-between;flex-wrap:nowrap;gap:8px;padding:8px}.view-mode-toggle{width:auto;display:inline-flex;gap:.2rem;padding:.2rem;flex-shrink:0}.view-mode-toggle button{width:auto;min-height:36px;justify-content:center;padding:.42rem .82rem;font-size:.82rem}.reader-back-link{display:inline-flex;align-items:center;min-width:0;font-size:.92rem}.surah-reader-header{margin-bottom:var(--space-8)}.surah-context-card{margin-bottom:var(--space-4)}.surah-context-trigger{padding:.72rem .82rem}.surah-context-trigger:after{right:.78rem;top:.72rem;font-size:.86rem}.surah-context-panel{padding:0 .82rem .72rem}.surah-context-title{font-size:.95rem}.surah-context-summary{margin-top:.5rem;font-size:.94rem;line-height:1.56}.surah-context-themes{margin-top:.62rem;gap:.35rem}.surah-context-themes li{padding:.26rem .52rem;font-size:.78rem}.surah-context-sources{margin-top:.56rem;font-size:.84rem;line-height:1.45}.surah-context-disclaimer{margin-top:.25rem;font-size:.79rem;line-height:1.42}.surah-header-card{margin-bottom:var(--space-6);width:100%;padding:12px}.surah-header-titles{flex-direction:row;align-items:center;justify-content:center;text-align:center;gap:12px}.surah-header-en-group{align-items:center;text-align:center;gap:var(--space-1)}.surah-header-en{justify-content:center;gap:var(--space-2);font-size:1rem}.surah-header-ar{font-size:clamp(1.72rem,8vw,2.2rem);line-height:1.06;transform:translateY(-3px)}.surah-header-meta{font-size:.76rem;gap:.55rem}.surah-reader-page .ayah-words,.surah-reader-page .ayah-arabic-text{font-size:calc(clamp(1.5rem,6.7vw,2.05rem) * var(--reader-arabic-scale, 1))}.surah-reader-page .ayah-arabic-container{line-height:2.12}.surah-reader-page .ayah-words{line-height:2.06}.surah-reader-page .ayah-translation-text{font-size:calc(.94rem * var(--reader-translation-scale, 1));line-height:1.64}.surah-reader-page .ayah-transliteration-text{font-size:calc(.82rem * var(--reader-translation-scale, 1))}.reading-view-container{padding:var(--space-6) 8px;font-size:calc(clamp(1.88rem,8vw,2.48rem) * var(--reader-arabic-scale, 1));line-height:2.04}.reader-action-shell{--reader-fab-right: 10px;--reader-fab-top: calc(4.8rem + env(safe-area-inset-top)) ;left:auto;right:var(--reader-fab-right);top:var(--reader-fab-top);transform:none;width:auto;justify-items:end;gap:0}.reader-action-shell.has-audio{top:var(--reader-fab-top)}.reader-language-options{width:100%}.reader-tools-panel{width:min(18.6rem,calc(100vw - 14px));max-height:min(44vh,21rem);padding:var(--space-3)}}@media(max-width:480px){.reader-language-grid{grid-template-columns:1fr}.reader-tools-panel{width:min(17.5rem,calc(100vw - 12px));max-height:min(41vh,18.5rem);padding:.68rem;gap:var(--space-2)}.reader-action-shell{--reader-fab-right: 8px;--reader-fab-top: calc(4.5rem + env(safe-area-inset-top)) ;right:var(--reader-fab-right);top:var(--reader-fab-top);width:auto;gap:0}.reader-tools-toggle{min-height:44px;min-width:44px;width:44px;height:44px}.reader-language-label{font-size:.78rem}.reader-panel-copy,.reader-shortcut-hint p{font-size:.88rem;line-height:1.48}.reader-jump-controls{gap:var(--space-2)}.reader-jump-controls input,.reader-jump-controls button,.reader-focus-btn{min-height:44px}.surah-header-overline{font-size:.68rem}.surah-reader-page .ayah-words,.surah-reader-page .ayah-arabic-text{font-size:calc(clamp(1.42rem,8.2vw,1.9rem) * var(--reader-arabic-scale, 1))}.surah-header-card{padding:10px 12px}.surah-header-titles{gap:10px}.surah-header-ar{font-size:1.62rem;transform:translateY(-2px)}.surah-header-en{font-size:.96rem}.reader-nav-topline{gap:6px}.view-mode-toggle button{min-height:34px;padding:.38rem .68rem;font-size:.78rem}.reader-back-link{font-size:.86rem}.surah-header-meaning{font-size:.88rem}.surah-reader-page .ayah-arabic-container{line-height:2.18}.surah-reader-page .ayah-words{line-height:2.14}.reading-view-container{padding:var(--space-5) 8px;font-size:calc(clamp(1.74rem,9vw,2.12rem) * var(--reader-arabic-scale, 1));line-height:1.96}.surah-context-trigger{padding:.64rem .72rem}.surah-context-trigger:after{right:.68rem;top:.64rem;font-size:.82rem}.surah-context-panel{padding:0 .72rem .66rem}.surah-context-title{font-size:.92rem}.surah-context-summary{font-size:.9rem;line-height:1.5}.surah-context-sources{font-size:.81rem}.surah-context-disclaimer{font-size:.77rem}}@media(max-width:360px){.surah-reader-page .ayah-words,.surah-reader-page .ayah-arabic-text{font-size:calc(clamp(1.32rem,7.8vw,1.68rem) * var(--reader-arabic-scale, 1))}.surah-reader-page .ayah-arabic-container{line-height:2.08}.surah-reader-page .ayah-words{line-height:2.02}.reading-view-container{font-size:calc(clamp(1.62rem,8.4vw,1.96rem) * var(--reader-arabic-scale, 1));line-height:1.92}}