.reader-tools{position:relative;display:flex;flex-direction:column;align-items:stretch;min-width:0;gap:10px;margin-bottom:clamp(22px,4vw,40px)}.reader .bismillah{margin-block:clamp(10px,2.5vw,24px) clamp(10px,2vw,18px)}.reader .ayahs{margin-top:clamp(4px,1vw,12px)}.rt-main{display:flex;align-items:center;gap:clamp(6px,2vw,10px);min-width:0}.rt-main>.btn{flex:1 1 0;min-width:0;justify-content:center;min-height:46px;padding-inline:clamp(8px,3vw,20px);white-space:nowrap;overflow:hidden}.rt-main .rt-back,.rt-main .fs-title{display:none}.rt-main .rt-more,.rt-main .rt-fs{flex:none;width:46px;height:46px}.rt-main .rt-more svg{width:22px;height:22px}.rt-main .rt-fs [hidden]{display:none}.rt-more[aria-expanded=true]{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.pa-play,.pa-pause{display:inline-grid;place-items:center}.pa-pause,.rt-main>.btn.is-playing .pa-play{display:none}.rt-main>.btn.is-playing .pa-pause{display:inline-grid}.rt-filters{width:100%;max-width:100%;box-sizing:border-box;display:flex;align-items:center;gap:8px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.rt-filters::-webkit-scrollbar{display:none}.rt-filters{flex-wrap:wrap;overflow:visible}.rt-filters .seg{display:flex;flex:0 1 auto;max-width:100%}.rt-filters .seg button{flex:0 1 auto;min-height:38px;padding:6px clamp(10px,2vw,16px);font-size:clamp(.78rem,.3vw + .72rem,.9rem);white-space:nowrap}@media(max-width:600px){.reader:not(.is-full) .rt-filters .seg{flex:1 1 auto}.reader:not(.is-full) .rt-filters .seg button{flex:1 1 auto}}.reader.is-full .rt-filters{flex-wrap:nowrap;overflow-x:auto}.reader.is-full .rt-filters .seg{flex:0 0 auto}.rt-toggle{flex:0 0 auto;min-height:46px;padding:0 clamp(14px,3vw,22px);border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text-2);font:inherit;font-weight:800;font-size:clamp(.82rem,.3vw + .76rem,.92rem);white-space:nowrap;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.rt-toggle:hover{border-color:var(--primary);color:var(--primary)}.rt-toggle[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}@media(max-width:600px){.reader:not(.is-full) .rt-toggle{flex:1 1 auto}}.rt-line{display:flex;align-items:center;gap:8px;min-width:0}.rt-line .rt-select{flex:1 1 0;min-width:0;display:block}.rt-line .rt-select .sel{width:100%;min-width:0}.rt-line .sel-btn{min-height:46px;padding-inline-start:14px;font-size:clamp(.82rem,.3vw + .76rem,.92rem)}.rt-sizes{display:flex;flex:none;gap:6px}.rt-sizes .icon-btn{width:46px;height:46px}@keyframes rt-pop{0%{opacity:0;transform:translateY(-6px)}}.rt-row{display:flex;flex-direction:column;gap:8px;min-width:0}.rt-row+.rt-row{padding-top:14px;border-top:1px solid var(--divider)}.rt-row--inline{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.rt-label{font-weight:800;font-size:.82rem;letter-spacing:.02em;color:var(--text-2)}.rt-chips{display:flex;flex-wrap:wrap;gap:6px}.rt-chips button{font:inherit;font-weight:800;font-size:.86rem;padding:8px 14px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.rt-chips button:hover{border-color:var(--primary);color:var(--primary)}.rt-chips button[aria-pressed=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.rt-row .rt-group{display:flex;gap:8px}.rt-row .rt-group .icon-btn{width:46px;height:46px}.rt-size{font-family:var(--font);font-weight:800;line-height:1}.rt-size .sz-s{font-size:.95rem}.rt-size .sz-l{font-size:1.4rem}.rt-pdf{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 16px;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-weight:800;cursor:pointer}.rt-pdf:hover{border-color:var(--primary);color:var(--primary)}.rt-pdf svg{width:20px;height:20px;flex:none}.seg{display:inline-flex;padding:3px;gap:2px;border:1px solid var(--border);border-radius:999px;background:var(--card)}.seg button{font:inherit;font-weight:800;font-size:.88rem;padding:8px 14px;border-radius:999px;border:0;background:transparent;color:var(--text-2);cursor:pointer;white-space:nowrap}.seg button[aria-pressed=true]{background:var(--primary);color:var(--on-primary)}.seg button:not([aria-pressed=true]):hover{color:var(--primary)}.reader .ayah-sec{display:none}.reader[data-sec=tr] .ayah-sec,.reader[data-sec=both] .ayah-sec,.reader--ar[data-sec=tf] .ayah-sec,.reader--ar .ayah.tf-open .ayah-sec,.reader--ar[data-sec=both] .ayah-sec{display:block}.reader .ayah-tf{display:none;margin:10px 0 0;padding:12px 14px;border-radius:var(--radius-sm);border:1px dashed var(--border);background:var(--surface)}.reader[data-sec=tf] .ayah-tf,.reader[data-sec=both] .ayah-tf,.reader .ayah.tf-open .ayah-tf{display:block}.reader .ayah-tf p{margin:4px 0 0;font-size:1.12rem;line-height:2;color:var(--text-2)}.tf-src{display:block;font-weight:800;font-size:.78rem;color:var(--gold)}.reader--ar .ayah.tf-open .ayah-sec:before{content:none}.reader--ar .ayah-sec{padding:10px 14px;border-radius:var(--radius-sm);border:1px dashed var(--border);background:var(--surface)}.reader .ayah-actions{opacity:1;gap:6px}.reader .ayah-btn{width:40px;height:40px;border-color:var(--border);background:var(--card);color:var(--text-2)}.reader .ayah-btn svg{width:19px;height:19px}.reader .ayah-btn[aria-pressed=true]{background:var(--primary-light);color:var(--primary);border-color:var(--primary)}.reader .ayah-btn--play{width:44px;height:44px;background:var(--primary);border-color:var(--primary);color:var(--on-primary);box-shadow:0 4px 12px var(--glow)}.reader .ayah-btn--play:hover{background:var(--primary);filter:brightness(1.08);color:var(--on-primary)}.reader .ayah-btn--play .i-play,.reader .ayah-btn--play .i-pause{display:grid;place-items:center}.reader .ayah-btn--play .i-pause,.reader .ayah-btn--play.is-playing .i-play{display:none}.reader .ayah-btn--play.is-playing .i-pause{display:grid}.reader .ayah-btn--play.is-loading{animation:pulse 1s ease-in-out infinite}.reader .ayah.is-current .ayah-btn--play{box-shadow:0 0 0 4px var(--glow)}@media(max-width:560px){.reader .ayah-actions{gap:4px}.reader .ayah-btn{width:38px;height:38px}.reader .ayah-btn--play{width:42px;height:42px}}.reader[data-view=surah] .ayahs,.reader[data-view=page] .ayahs,.reader[data-view=page] .bismillah,.reader[data-view=surah] .bismillah,.reader[data-view=verses] .mushaf[data-mushaf],.reader[data-view=page] .mushaf[data-mushaf]{display:none}.mushaf{font-family:var(--font-quran);font-size:calc(var(--ar-size) * 1.08);line-height:2.5;text-align:justify;text-justify:inter-word;color:var(--text);padding:12px 6px 4px;hyphens:none}.mushaf[hidden],.mpages[hidden],.reader-hint[hidden],.vsheet[hidden]{display:none!important}.mushaf .m-bism{display:block;text-align:center;font-size:1.15em;margin:0 0 10px}.mushaf .mv{cursor:pointer;border-radius:10px;padding:3px 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background .15s ease;outline:none}.mushaf .mv:hover,.mushaf .mv:focus-visible{background:var(--primary-light)}.mushaf .mv.is-current,.mushaf .mv.is-open{background:var(--primary-light);box-shadow:0 0 0 2px var(--primary-light)}.mushaf .mv.is-open{box-shadow:0 0 0 2px var(--primary)}.mushaf .ayah-end{color:var(--gold);font-size:.78em;white-space:nowrap}.mpages{margin-top:12px}.reader[data-view=page] .mpages{display:block}.mp-view{position:relative;overflow:hidden;height:clamp(360px,68dvh,720px);border:1px solid var(--border);border-radius:var(--radius);background:var(--card);touch-action:pan-y}.mp-flow{position:absolute;top:0;inset-inline-start:0;margin:0;height:100%;padding:18px 22px;column-fill:auto;text-align:justify;transition:transform .28s ease;box-sizing:border-box;font-size:calc(var(--ar-size) * .92);line-height:2.15}.mp-flow .mv{break-inside:auto}.mp-nav{display:flex;align-items:center;gap:12px;margin-top:12px}.mp-nav .icon-btn{width:44px;height:44px;flex:none}.mp-prev svg{transform:none}.mp-next svg{transform:scaleX(-1)}.mp-range{flex:1;min-width:0;accent-color:var(--primary);height:28px}.mp-label{flex:none;min-width:7.5em;text-align:center;font-weight:800;font-size:.9rem;color:var(--text-2);font-variant-numeric:tabular-nums}.mp-nav button[disabled]{opacity:.35;pointer-events:none}@media(prefers-reduced-motion:reduce){.mp-flow{transition:none}}@media(max-width:560px){.mushaf{font-size:calc(var(--ar-size) * .86);line-height:2.3}.mp-flow{font-size:calc(var(--ar-size) * .8);line-height:2.1}}@media(max-width:560px){.mp-nav{flex-wrap:wrap}.mp-label{order:5;flex:1 1 100%}.mp-flow{padding:14px}}.vsheet{position:fixed;inset-inline:0;bottom:0;z-index:95;max-height:min(62dvh,560px);display:flex;flex-direction:column;background:var(--surface);border-top:1px solid var(--border);border-radius:22px 22px 0 0;box-shadow:0 -16px 50px #00000047;animation:player-in .2s ease-out}.vs-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px 4px}.vs-head strong{color:var(--primary)}.vs-head .icon-btn{width:38px;height:38px}.vs-body{overflow-y:auto;padding:4px 18px 8px;overscroll-behavior:contain}.vs-ar{font-family:var(--font-quran);font-size:calc(var(--ar-size) * .78);line-height:2.1;margin:6px 0 10px;text-align:right}.vs-block{margin:10px 0}.vs-block h4{margin:0 0 4px;font-size:.85rem;color:var(--gold)}.vs-block p{margin:0;line-height:1.8;color:var(--text-2)}.vs-block[data-vs-tfbox] p{font-size:1.1rem;line-height:2}.vs-btns{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 14px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--divider)}.vs-btns .icon-btn{width:44px;height:44px}.vs-play{width:52px!important;height:52px!important}html.q-fs-lock,html.q-fs-lock body{overflow:hidden}.reader.is-full{position:fixed;inset:0;z-index:90;display:block;overflow-y:auto;overscroll-behavior:contain;background:var(--bg);padding:calc(var(--bar-h, 160px) + clamp(8px,2vw,22px)) var(--gutter) 40px;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.reader.is-full>:not(.player):not(.vsheet):not(.reader-tools){max-width:860px;margin-inline:auto}.reader.is-full .reader-tools{position:fixed;z-index:97;top:0;inset-inline:0;max-width:none;margin:0;border-radius:0;border-width:0 0 1px;box-shadow:none;gap:8px;padding:calc(8px + env(safe-area-inset-top,0px)) var(--gutter) 8px;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--divider);transition:translate .28s ease,opacity .28s ease}.reader.is-full .reader-tools .rt-back{display:grid;place-items:center;flex:none;width:46px;height:46px}.reader.is-full .reader-tools .fs-title{display:block;flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;padding-inline:4px}.reader.is-full .rt-main>.btn{flex:none;width:46px;padding:0;border-radius:50%}.reader.is-full .rt-main,.reader.is-full .rt-filters,.reader.is-full .rt-line{width:100%;max-width:860px;margin-inline:auto}.reader.is-full .rt-main>.btn>span:not(.pa-play):not(.pa-pause){display:none}.reader.is-full.ui-hidden .reader-tools{translate:0 -110%;opacity:0;pointer-events:none}.reader.is-full .player{z-index:94;transition:translate .28s ease,opacity .28s ease}.reader.is-full.ui-hidden .player{translate:0 110%;opacity:0;pointer-events:none}.reader.is-full .vsheet{z-index:96}.reader.is-full .ayah{scroll-margin-top:calc(var(--bar-h, 160px) + 12px)}.reader.is-full .ayah-actions{opacity:0;pointer-events:none;transition:opacity .18s ease}.reader.is-full .ayah.is-active .ayah-actions,.reader.is-full .ayah.is-current .ayah-actions,.reader.is-full .ayah:focus-within .ayah-actions{opacity:1;pointer-events:auto}.reader.is-full .ayah.is-active{background:var(--primary-light);border-radius:var(--radius)}.reader.is-full.has-audio{padding-bottom:150px}.reader.is-full[data-view=page]{display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}.reader.is-full[data-view=page] .bismillah,.reader.is-full[data-view=page] .ayahs{display:none}.reader.is-full .mpages{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;width:100%;margin-top:0}.reader.is-full .mpages[hidden]{display:none}.reader.is-full .mp-view{flex:1 1 auto;height:auto;min-height:0;border:0;background:transparent}.reader.is-full .mp-nav{flex:none;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));transition:opacity .28s ease}.reader.is-full.has-audio .mpages{padding-bottom:96px}.reader.is-full.ui-hidden .mp-nav{opacity:0;pointer-events:none}@media(max-width:560px){.reader.is-full.has-audio .mpages{padding-bottom:150px}}@media(prefers-reduced-motion:reduce){.reader.is-full .reader-tools,.reader.is-full .player,.reader.is-full .mp-nav{transition:none}}.share-text:has(.st-ar){max-height:14em;overflow-y:auto;white-space:normal}.share-text .st-ar{display:block;font-family:var(--font-quran);font-size:1.3rem;line-height:2.1;margin-bottom:6px;color:var(--text)}.share-text .st-sec{display:block}.share-opts{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.share-opts button{font:inherit;font-weight:800;font-size:.85rem;padding:7px 13px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--text-2);cursor:pointer}.share-opts button[aria-checked=true]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}@media print{.reader-tools,.ayah-actions,.vsheet,.player,.mp-nav,.reader-hint{display:none!important}}#pdf-doc{display:none}@media print{html.pdf-mode,html.pdf-mode body{background:#fff!important;color:#000!important;overflow:visible!important;height:auto!important}html.pdf-mode body>*:not(#pdf-doc){display:none!important}html.pdf-mode #pdf-doc{display:block;font-family:var(--font, system-ui),system-ui,sans-serif;color:#000}#pdf-doc .pd-head{display:flex;align-items:center;justify-content:space-between;gap:12pt;padding-bottom:10pt;margin-bottom:16pt;border-bottom:3pt solid #2f8f83;direction:ltr}#pdf-doc .pd-head img{height:36pt;width:auto}#pdf-doc .pd-site{text-align:end;font:600 10pt/1.35 system-ui,sans-serif;color:#444}#pdf-doc .pd-title{position:relative;text-align:center;margin:0 0 22pt;padding:8pt 0 20pt;border-bottom:1pt solid #d9d2c0}#pdf-doc .pd-title:after{content:"";position:absolute;inset-inline:38%;bottom:-2pt;height:3pt;border-radius:3pt;background:#b8893a}#pdf-doc .pd-tag{display:inline-block;padding:2pt 14pt;border:1.5pt solid #b8893a;border-radius:999pt;background:#fbf5e6;color:#7a5a1c;font:700 10pt/1.6 system-ui,sans-serif}#pdf-doc .pd-title h1{margin:10pt auto 0;font-size:26pt;line-height:1.5;font-weight:800;color:#0f2d29}#pdf-doc .pd-title .pd-meta{margin:6pt 0 0;font:600 10.5pt/1.5 system-ui,sans-serif;color:#1d6b61}#pdf-doc .pd-bism{text-align:center;font-family:var(--font-quran),serif;font-size:25pt;line-height:2;margin:0 0 18pt;color:#000}#pdf-doc .pd-ayah{break-inside:avoid;page-break-inside:avoid;margin:0 0 12pt;padding:10pt 16pt 12pt;border:1pt solid #e4dcc6;border-inline-start:4pt solid #b8893a;border-radius:6pt;background:#fdfaf2}#pdf-doc .pd-top{display:flex;align-items:center;gap:8pt;margin-bottom:6pt}#pdf-doc .pd-no{display:inline-grid;place-items:center;flex:none;width:22pt;height:22pt;border-radius:50%;background:#2f8f83;color:#fff;font:800 9.5pt/1 system-ui,sans-serif}#pdf-doc .pd-num{font:700 9.5pt/1.5 system-ui,sans-serif;color:#7a5a1c;direction:ltr}#pdf-doc .pd-quran{font-family:var(--font-quran),serif;font-size:21pt;line-height:2.2;text-align:right;direction:rtl;margin:0 0 4pt;color:#000}#pdf-doc .pd-end{color:#7a5a1c;font-size:.75em;white-space:nowrap}#pdf-doc .pd-sec{margin:8pt 0 0;padding-top:8pt;border-top:.75pt dashed #d9d2c0;font-size:11pt;line-height:1.95;color:#222}#pdf-doc .pd-sec.is-ar{font-size:12.5pt;line-height:2.05}#pdf-doc .pd-src{display:block;font:700 8.5pt/1.4 system-ui,sans-serif;color:#7a5a1c;margin-bottom:2pt}}