:root{--bg: #2b2119;--surface: #fbf8f1;--surface-2: #f1ebdf;--ink: #1a1714;--ink-2: #4a433a;--ink-3: #7d7364;--accent: #164a34;--focus: #1a1714;--chrome: oklch(.93 .018 85 / .9);--chrome-hover: oklch(.96 .014 85 / .96);--chrome-ink: #2a251d;--on-desk: #f3ead7;--on-desk-2: oklch(.93 .02 85 / .72);--shadow-border: 0 0 0 1px oklch(0 0 0 / .06), 0 1px 2px -1px oklch(0 0 0 / .06), 0 2px 4px 0 oklch(0 0 0 / .04);--shadow-panel: 0 0 0 1px oklch(0 0 0 / .06), 0 12px 32px -10px oklch(0 0 0 / .28), 0 2px 6px 0 oklch(0 0 0 / .08);--shadow-chrome: 0 0 0 1px oklch(0 0 0 / .08), 0 6px 18px -6px oklch(0 0 0 / .35);--tonal: oklch(0 0 0 / .09);--tonal-hover: oklch(0 0 0 / .14);--pg-ink: #27231c;--pg-ink-2: #5a5346;--pg-ink-3: #8a8171;--pg-rule: rgb(40 32 18 / .14);--pg-hover: rgb(60 45 15 / .07);--pg-active: rgb(198 150 40 / .22);--pg-badge: rgb(46 70 50 / .09);--ease: cubic-bezier(.2, 0, 0, 1);color-scheme:light}:root[data-theme=dark]{--bg: #07080c;--surface: #1a1a1d;--surface-2: #242428;--ink: #efe8d8;--ink-2: #bdb4a2;--ink-3: #8a8272;--accent: #d9b45b;--focus: #efe8d8;--chrome: oklch(.24 .008 70 / .88);--chrome-hover: oklch(.29 .01 70 / .94);--chrome-ink: #efe8d8;--shadow-border: 0 0 0 1px oklch(1 0 0 / .08);--shadow-panel: 0 0 0 1px oklch(1 0 0 / .08), 0 16px 40px -10px oklch(0 0 0 / .7);--shadow-chrome: 0 0 0 1px oklch(1 0 0 / .08), 0 6px 18px -6px oklch(0 0 0 / .6);--tonal: oklch(1 0 0 / .12);--tonal-hover: oklch(1 0 0 / .18);--pg-ink: #1f1b15;--pg-ink-2: #463e31;--pg-ink-3: #6a604f;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg)}body{font-family:Inter,Noto Sans Arabic,Noto Sans Bengali,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.5;letter-spacing:-.006em;color:var(--ink);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11" 1;-webkit-tap-highlight-color:transparent}body.busy #scene{cursor:progress!important}#fontWait{position:fixed;left:0;right:0;top:env(safe-area-inset-top);z-index:11;height:2px;overflow:hidden;pointer-events:none;animation:font-wait-in .2s ease-out .25s both}#fontWait:before{content:"";position:absolute;top:0;bottom:0;left:0;width:30%;background:var(--accent);animation:font-wait 1.1s ease-in-out infinite}@keyframes font-wait-in{0%{opacity:0}}@keyframes font-wait{0%{translate:-100% 0}to{translate:340% 0}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}button,input,select{font:inherit;color:inherit;letter-spacing:inherit}button{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}#scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none}#sharp{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;pointer-events:none;visibility:hidden;opacity:0}#sharp.on{visibility:visible;opacity:1;transition:opacity .15s ease-out}canvas,.ms-prev{letter-spacing:normal}#topbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;padding-top:max(14px,env(safe-area-inset-top));pointer-events:none;z-index:10}#topbar>*{pointer-events:auto}.brand{display:flex;align-items:center;line-height:1;-webkit-user-select:none;user-select:none}.brand-name{font-family:Libre Baskerville,Georgia,serif;font-size:22px;letter-spacing:0;color:var(--on-desk);text-shadow:0 1px 2px oklch(0 0 0 / .45),0 0 18px oklch(0 0 0 / .25)}.chrome-btn{height:44px;padding:0 20px 0 16px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--chrome);color:var(--chrome-ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-chrome);font-weight:500;font-size:14.5px;cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,scale,box-shadow;transition-duration:.15s;transition-timing-function:ease-out}.chrome-btn:hover{background:var(--chrome-hover)}.chrome-btn:active{scale:.96}.chrome-btn.icon{width:44px;padding:0}.top-tools{display:flex;align-items:center;gap:8px}body[data-state=reading] #topbar,#btnReading .ico-x,#btnReading[aria-expanded=true] .ico-book{display:none}#btnReading[aria-expanded=true] .ico-x{display:block}.chrome-btn[aria-expanded=true]{background:var(--chrome-hover)}.chrome-btn:focus-visible,.pg button:focus-visible,.pop button:focus-visible,.link:focus-visible{outline:2px solid var(--focus);outline-offset:2px}#footbar{position:fixed;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:14px 20px;padding-bottom:max(14px,env(safe-area-inset-bottom));pointer-events:none;z-index:10}#footbar>*{pointer-events:auto}body[data-state=reading] #footbar{grid-template-columns:1fr;padding:8px 12px;padding-bottom:max(8px,env(safe-area-inset-bottom))}body[data-state=reading] .credit{display:none}#readerBar{--bar-h: 44px;display:flex;align-items:center;gap:8px;width:min(calc(100vw - 24px),440px)}body[data-state=closed] #readerBar{display:none}#readerBar>.chrome-btn{flex:none;width:var(--bar-h);height:var(--bar-h)}#readerBar #player{flex:1 1 0;min-width:0;height:var(--bar-h);box-sizing:border-box;padding:4px}#readerBar #player .pl-btn{flex:none;width:calc(var(--bar-h) - 8px);height:calc(var(--bar-h) - 8px)}#readerBar .pl-info{flex:1 1 0;max-width:none;height:100%;padding-block:0}body[data-layout=phone] #readerBar{--bar-h: 52px;position:fixed;left:var(--row-x, 12px);top:var(--row-y, auto);bottom:auto;translate:0 -50%;width:var(--row-w, calc(100vw - 24px) );justify-content:space-between;pointer-events:none}body[data-layout=phone] #readerBar>*{pointer-events:auto}:root[data-theme=dark] body[data-layout^=phone][data-state=reading] #readerBar{--chrome: rgb(232 210 171 / .92);--chrome-hover: rgb(238 218 183 / .96);--chrome-ink: #3a3125}body[data-layout=phone] #readerBar #player[data-state=idle],body[data-layout=phone] #btnSaved{display:none}body[data-layout=phone][data-state=reading] #footbar{padding:0}.credit{justify-self:start;display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px;color:var(--on-desk-2);text-shadow:0 1px 2px oklch(0 0 0 / .5)}.credit a,.link{color:var(--on-desk);text-decoration:underline;text-underline-offset:2px;text-decoration-color:#ffffff59}.link{background:none;border:0;padding:0;cursor:pointer;font-size:inherit}#footbar .center{justify-self:center}.hint{font-family:Amiri,Georgia,serif;font-style:italic;font-size:17px;color:var(--on-desk);text-shadow:0 1px 3px oklch(0 0 0 / .55);animation:breathe 3.2s ease-in-out infinite;-webkit-user-select:none;user-select:none}@keyframes breathe{50%{opacity:.62}}body[data-state=reading] #beginHint,body[data-state=closed] #player{display:none}#footbar .center{position:relative}.ayah-hint{position:absolute;bottom:calc(100% + 12px);left:50%;translate:-50% 0;white-space:nowrap;padding:9px 16px;border-radius:999px;background:var(--chrome);color:var(--chrome-ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-chrome);text-shadow:none;font-family:inherit;font-style:normal;font-size:14px;font-weight:500;line-height:1.3;animation:hint-in .26s cubic-bezier(.2,.8,.2,1);transition:opacity .4s ease-out;pointer-events:none}@keyframes hint-in{0%{opacity:0;translate:-50% 6px}}.ayah-hint.out{opacity:0}body[data-state=closed] .ayah-hint{display:none}#pageUi{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5}#pageMarks{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;mix-blend-mode:multiply}.ar-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;visibility:hidden}.ar-marks rect{fill:#c6962847}.ar-hover rect{fill:#c696281f}.ar-recite rect{fill:#c696281a;stroke:#c69628b3;stroke-width:1.5}.ar-word rect{fill:#c696286b}.pg{--pw: 600px;position:absolute;top:0;right:0;bottom:0;left:0;color:var(--pg-ink);opacity:0;visibility:hidden;transition:opacity .24s ease-out,visibility 0s linear .24s}.pg.on{opacity:1;visibility:visible;transition:opacity .32s ease-out,visibility 0s}.pg-zone{position:absolute;left:0;top:0;pointer-events:auto;touch-action:none}.pg button{border:0;background:transparent;color:inherit;cursor:pointer;border-radius:8px;transition-property:background-color,color,scale;transition-duration:.15s;transition-timing-function:ease-out}.pg button:hover:not(:disabled){background:var(--pg-hover)}.pg button:active:not(:disabled){scale:.96}.pg button:disabled{opacity:.25;cursor:default}.pg .chev{display:inline-flex;color:var(--pg-ink-3);margin-left:2px}.grow{flex:1}.pg{--pg-small: clamp(12px, calc(var(--pw) * .0215 + .5px), 15.5px)}.pg-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;font-size:var(--pg-small)}.pg .pg-juz{justify-self:start;max-width:100%;margin-left:-8px;padding:3px 8px;font:inherit;color:var(--pg-ink-3);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pg .pg-juz:hover:not(:disabled){color:var(--pg-ink-2)}.pg .pg-juz:disabled{opacity:1;cursor:default}.pg .pg-title{display:inline-flex;align-items:center;gap:2px;min-width:0;max-width:100%;padding:3px 6px 3px 8px;font:inherit;color:var(--pg-ink-2)}.pg-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.pg-title .chev svg{width:12px;height:12px}.pg .pg-mark{justify-self:end;margin-right:-6px;width:32px;height:32px;display:inline-grid;place-items:center;padding:0;color:var(--pg-ink-3);border-radius:50%!important}.pg-mark svg{width:18px;height:18px}.pg .pg-mark:hover:not(:disabled){color:var(--pg-ink)}.pg .pg-mark[aria-pressed=true]{color:#9b3a2a;--bm-fill: #9b3a2a}.pg .pg-mark[aria-pressed=true]:hover:not(:disabled){color:#7d2c1f}.pg-mark svg path{transition:fill .15s ease-out}.pg-trans{overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;font-size:clamp(10.5px,calc(var(--pw) * .0215 - 1px),14px);line-height:1.52;color:var(--pg-ink-2);scrollbar-width:thin;scrollbar-color:rgb(40 32 18 / .22) transparent;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 2.6em),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 2.6em),transparent);touch-action:pan-y;outline:none}.pg-trans::-webkit-scrollbar{width:4px}.pg-trans::-webkit-scrollbar-thumb{background:#28201233;border-radius:2px}.tr-list{padding:0 6px 3.2em 2px}.tv{margin:0 -6px .55em;padding:.22em 6px;border-radius:6px;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out}.tv:hover{background:var(--pg-hover);color:var(--pg-ink)}.tv.active{background:var(--pg-active);color:var(--pg-ink)}.tn{display:inline-block;min-width:1.7em;padding:0 .35em;margin-right:.3em;border-radius:4px;background:var(--pg-badge);font-size:.8em;font-weight:600;line-height:1.55;text-align:center;color:var(--pg-ink);font-variant-numeric:tabular-nums}.tr-surah{font-size:.74em;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--pg-ink-3);margin:.1em 0 .45em}.tr-surah.rule{border-top:1px solid var(--pg-rule);padding-top:.9em;margin-top:.9em}.tr-basmala{font-style:italic;margin:0 0 .6em;color:var(--pg-ink-3)}.tr-list.nonlatin .tr-basmala{font-style:normal}.tv.loading:after{content:"";display:inline-block;width:70%;height:.7em;vertical-align:middle;border-radius:3px;background:var(--pg-badge);opacity:.7}.tr-list[dir=rtl]{padding:0 2px 3.2em 6px;text-align:right}.tr-list[dir=rtl] .tn{margin-right:0;margin-left:.3em}.tr-list[lang=ur]{font-family:Noto Nastaliq Urdu,Amiri,serif;line-height:2.25;font-size:1.04em}.tr-list[lang=bm]{font-family:Noto Sans NKo,sans-serif;line-height:1.9}.tr-list[lang=ar]{font-family:Amiri,serif;font-size:1.08em;line-height:1.85}.tr-list[lang=ar] .tn{font-family:Inter,system-ui,sans-serif;line-height:1.55}.tr-list[lang=ur] .tn{font-family:Inter,system-ui,sans-serif;line-height:1.55;vertical-align:.15em}.pg-foot{display:flex;align-items:center;justify-content:center;font-size:var(--pg-small)}.pg .pg-num{height:30px;padding:0 10px;font:inherit;color:var(--pg-ink-3);font-variant-numeric:tabular-nums}.pg .pg-arrow{position:absolute;top:50%;translate:0 -50%;width:34px;height:34px;display:inline-grid;place-items:center;padding:0;color:var(--pg-ink-2);border-radius:50%!important;box-shadow:inset 0 0 0 1px var(--pg-rule)}.pg-arrow[data-act=next]{left:0}.pg-arrow[data-act=prev]{right:0}body[data-layout^=phone] .pg-arrow{display:none}.pg-arrow svg{width:18px;height:18px}.pg .pg-arrow:hover:not(:disabled){color:var(--pg-ink)}.pg-numwrap{position:relative;display:inline-flex}.pg .pg-back{width:32px;height:32px;display:inline-grid;place-items:center;padding:0;color:var(--pg-ink-3);border-radius:50%!important}.pg-numwrap .pg-back{position:absolute;top:50%;right:calc(100% + 18px);translate:0 -50%}.pg .pg-back[hidden],.pg-spine .pg-zone[hidden]{display:none}.pg .pg-back:hover:not(:disabled){color:var(--pg-ink)}.pg-spine .pg-zone{width:0;height:0}.pg-spine .pg-back{position:absolute;left:0;top:0;translate:-50% -50%;color:var(--pg-ink-2);box-shadow:inset 0 0 0 1px var(--pg-rule)}.corner{position:absolute;bottom:calc(var(--pw) * -.04);right:calc(var(--pw) * -.058);width:clamp(40px,calc(var(--pw) * .1),64px);height:clamp(40px,calc(var(--pw) * .1),64px);padding:0!important;border-radius:0!important}.pg[data-side=left] .corner{right:auto;left:calc(var(--pw) * -.058)}.pg[data-mode=single] .corner{display:none}.corner:before{content:"";position:absolute;right:0;bottom:0;width:38%;height:38%;background:linear-gradient(315deg,transparent 50%,#efe6d0 50%,#e2d6b9 100%);box-shadow:-2px -2px 5px -2px #3c2d0f38;clip-path:polygon(0 0,100% 0,0 100%);transition:width .2s var(--ease),height .2s var(--ease)}.pg[data-side=left] .corner:before{right:auto;left:0;background:linear-gradient(45deg,transparent 50%,#efe6d0 50%,#e2d6b9 100%);clip-path:polygon(0 0,100% 0,100% 100%);box-shadow:2px -2px 5px -2px #3c2d0f38}.pg button.corner:hover:not(:disabled){background:transparent}.corner:hover:before{width:62%;height:62%}.pg button.corner:disabled{opacity:0}#player{display:flex;align-items:center;gap:4px;padding:5px;border-radius:999px;background:var(--chrome);color:var(--chrome-ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-chrome);animation:pop .26s var(--ease)}#player button{border:0;background:transparent;color:inherit;cursor:pointer;transition-property:background-color,scale,opacity;transition-duration:.15s;transition-timing-function:ease-out}#player button:active:not(:disabled){scale:.95}#player button:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.pl-btn{width:38px;height:38px;display:grid;place-items:center;padding:0;border-radius:50%}.pl-btn:hover:not(:disabled){background:#00000012}.pl-btn:disabled{opacity:.3;cursor:default!important}#player .pl-btn.main{background:var(--chrome-ink);color:var(--chrome);width:40px;height:40px}#player .pl-btn.main:hover{opacity:.9}.pl-btn .ico-pause,#player[data-state=playing] .ico-play{display:none}#player[data-state=playing] .ico-pause{display:block}#player[data-state=idle] #plStop{display:none}#player #plStop{background:var(--tonal)}#player #plStop:hover:not(:disabled){background:var(--tonal-hover)}.pl-info{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:8px;align-items:center;min-width:0;max-width:260px;padding-block:3px;padding-inline:10px 14px;border-radius:999px;text-align:start}.pl-info:hover{background:#0000000f}:root[data-theme=dark] :is(.pl-info,.pl-btn):hover:not(:disabled){background:#ffffff14}.pl-sub{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pl-chev{opacity:.6}#player[data-state=playing] .pl-sub:before{content:"";display:inline-block;width:6px;height:6px;margin:0 6px 1px 0;border-radius:50%;background:#3f8f5a;box-shadow:0 0 0 3px #3f8f5a33;animation:breathe 1.6s ease-in-out infinite}#ayahBar{position:fixed;left:0;top:0;z-index:20;display:flex;align-items:center;gap:2px;padding:4px;border-radius:14px;background:#221d17;color:#f3ead7;box-shadow:0 10px 28px -8px #00000080,0 0 0 1px #ffffff0f;animation:pop .18s var(--ease)}.ab-key{padding-block:0;padding-inline:8px 10px;margin-inline-end:2px;font-size:12px;font-variant-numeric:tabular-nums;color:#f3ead79e;border-inline-end:1px solid rgb(243 234 215 / .14);white-space:nowrap}#ayahBar button{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 11px;border:0;border-radius:10px;background:transparent;color:inherit;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;transition-property:background-color,scale;transition-duration:.15s;transition-timing-function:ease-out}#ayahBar button:hover{background:#f3ead71a}#ayahBar :is(.ab-head,.ab-actions){display:contents}#ayahBar :is(.ab-close,.ab-step,.ab-tr){display:none}#ayahBar .ico-pause,#ayahBar[data-playing=true] .ico-play{display:none}#ayahBar[data-playing=true] .ico-pause{display:block}body[data-layout^=phone] #ayahBar{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));top:auto;bottom:max(8px,env(safe-area-inset-bottom));max-width:560px;margin:0 auto;display:block;padding:6px 8px 8px;border-radius:18px;transform:none;animation:sheet .22s var(--ease);touch-action:pan-y}@keyframes sheet{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}body[data-layout^=phone] #ayahBar .ab-head{display:flex;align-items:center;gap:2px;padding:0 0 0 8px}body[data-layout^=phone] #ayahBar .ab-key{display:block;padding:0;border:0;font-size:12.5px}body[data-layout^=phone] #ayahBar .ab-close{display:inline-flex}body[data-layout^=phone] #ayahBar .ab-tr{display:block;margin:2px 8px 6px;max-height:min(26vh,210px);overflow-y:auto;overscroll-behavior:contain;font-size:15px;line-height:1.55;color:#f3ead7}body[data-layout^=phone] #ayahBar .ab-tr[hidden]{display:none}body[data-layout^=phone] #ayahBar .ab-tr[lang=ur]{font-family:Noto Nastaliq Urdu,Amiri,serif;line-height:2.2;text-align:right}body[data-layout^=phone] #ayahBar .ab-tr[lang=bm]{font-family:Noto Sans NKo,sans-serif}body[data-layout^=phone] #ayahBar .ab-tr[lang=ar]{font-family:Amiri,serif;font-size:1.1em;line-height:1.8;text-align:right}body[data-layout^=phone] #ayahBar .ab-actions{display:flex;align-items:center;gap:2px}body[data-layout^=phone] #ayahBar .ab-step{display:inline-flex;margin-inline-start:auto;gap:0}body[data-layout^=phone] #ayahBar .ab-actions{justify-content:space-between;gap:8px;padding:2px 0 0}body[data-layout^=phone] #ayahBar .ab-actions button:not(.ab-play){flex:1 1 0;min-width:0;justify-content:center;padding:0 6px}body[data-layout^=phone] #ayahBar button{height:44px;padding:0 10px}#ayahBar .ab-icon{width:44px;justify-content:center;padding:0!important}#ayahBar .ab-play{flex:none;width:36px;height:36px;padding:0;justify-content:center;border-radius:50%;background:#f3ead7;color:#221d17;margin:0 4px}#ayahBar .ab-play:hover{background:#fffaf0}#ayahBar .ab-play .ico-play{margin-left:2px}body[data-layout^=phone] #ayahBar .ab-play{width:52px;height:52px;padding:0}body[data-layout^=phone] #ayahBar .ab-play svg{width:22px;height:22px}body.sheet-open #footbar{visibility:hidden}#topbar,#footbar{transition:translate .26s var(--ease),opacity .2s ease-out,right .26s var(--ease)}#topbar,#footbar{right:var(--side-room, 0px)}body.chrome-hidden #topbar{translate:0 -110%;opacity:0;pointer-events:none}body.chrome-hidden #footbar{translate:0 110%;opacity:0}body.chrome-hidden #footbar>*{pointer-events:none}.pop.saved{width:360px}.saved-tabs{margin-bottom:8px}.saved-tabs .seg{height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0}.saved-tabs .seg>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seg-n{font-size:12px;font-variant-numeric:tabular-nums;color:var(--ink-3)}.seg-n:empty{display:none}.saved-list{display:flex;flex-direction:column;gap:2px;height:min(46vh,360px);overflow-y:auto;overscroll-behavior:contain;margin:0 -4px;padding:0 4px}.saved-list[hidden]{display:none}.pop.player-pop{width:380px;padding:10px 12px 12px;border-radius:20px;background:#221d17;color:#f3ead7;box-shadow:0 14px 36px -10px #0000008c,0 0 0 1px #ffffff0f}.player-pop button{border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;transition-property:background-color,scale,opacity;transition-duration:.15s;transition-timing-function:ease-out}.player-pop button:active:not(:disabled){scale:.95}.player-pop button:disabled{opacity:.35;cursor:default}.player-pop button:focus-visible{outline:2px solid #f3ead7;outline-offset:2px}@media(hover:hover){.player-pop :is(.pp-icon,.pp-pick,.pp-chip):hover:not(:disabled){background:#f3ead71a}}.pp-head{display:flex;align-items:center;gap:8px;padding-inline-start:6px}.pp-title{flex:1;min-width:0;display:flex;align-items:baseline;gap:8px;white-space:nowrap;overflow:hidden;padding:0;text-align:start}.pp-surah{font-size:17px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.pp-key{font-size:13px;color:#f3ead799;font-variant-numeric:tabular-nums}.pp-icon{flex:none;width:44px;height:44px;display:grid;place-items:center;border-radius:50%}.pp-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin:6px 0 12px}.pp-step{width:44px;height:44px}.pp-step svg{width:22px;height:22px}.pp-play{width:56px;height:56px;display:grid;place-items:center;border-radius:50%!important;background:#f3ead7!important;color:#221d17!important}.pp-play svg{width:24px;height:24px}.pp-play .ico-play{margin-left:3px}.pp-play .ico-pause,.player-pop[data-playing=true] .pp-play .ico-play{display:none}.player-pop[data-playing=true] .pp-play .ico-pause{display:block}.pp-pick{display:flex;align-items:center;gap:8px;width:100%;min-height:48px;padding:10px 12px;border-radius:12px;background:#f3ead714!important;text-align:start;font-size:14px}.pp-pick-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f3ead7b3}.pp-pick-text b{color:#f3ead7;font-weight:600}.pp-pick svg{flex:none;opacity:.6}:root[dir=rtl] .pp-pick svg{scale:-1 1}.pp-foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.pp-chip{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 12px;border-radius:999px;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.saved-row{display:flex;align-items:center;gap:4px;border-radius:10px}.saved-row:hover{background:var(--surface-2)}.saved-open{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 10px;border:0;background:transparent;color:var(--ink);text-align:start;cursor:pointer}.saved-main{font-weight:500;font-size:14px}.saved-ar{font-family:Amiri,serif;font-size:15px;color:var(--ink-3);direction:rtl;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start}.saved-meta{font-size:12.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}.saved-del{flex:none;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:var(--ink-3);cursor:pointer}.saved-del:hover{color:var(--ink);background:#0000000f}.saved-empty{color:var(--ink-3);font-size:13px;margin:2px 2px 4px}#ayahBar [data-ab=save][aria-pressed=true]{--bm-fill: #e2a08f;color:#f3c9bc}.ar-ahead rect{fill:var(--paper-lit, #f7efdb);opacity:.35}.ar-saved-hl rect{fill:#9b3a2a21}.ar-saved circle{fill:var(--paper-lit, #f7efdb)}.ar-saved .tint{fill:#9b3a2a21;mix-blend-mode:multiply}.ar-saved path{fill:#9b3a2a}.tv.saved .tn{background:#9b3a2a;color:#fff6ea}.safe-probe{position:fixed;top:0;right:0;bottom:0;left:0;visibility:hidden;pointer-events:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}dialog.lang-dlg{width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;padding:22px 16px 16px;gap:14px}dialog.lang-dlg .lang-list{flex:none}dialog.lang-dlg:focus{outline:none}dialog.lang-dlg::backdrop{background:#1d140d47;-webkit-backdrop-filter:blur(14px) saturate(.9);backdrop-filter:blur(14px) saturate(.9)}.lang-head{padding:0 6px}.lang-dlg.first .fb-title{height:1.6em;line-height:1.6em;white-space:nowrap;overflow:hidden}.lang-type{display:inline-flex;align-items:center;transition:opacity .28s ease-out}.lang-type[dir=rtl]{float:right}.lang-type.out{opacity:0}.lang-caret{width:2px;height:1.1em;margin-inline-start:2px;border-radius:1px;background:currentColor;animation:lang-blink 1s steps(1) infinite}.lang-type.typing .lang-caret{animation:none}@keyframes lang-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.lang-caret{display:none}}.lang-list{display:flex;flex-direction:column;gap:6px}.lang-opt{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:12px 14px;border:0;border-radius:12px;background:var(--surface-2);color:var(--ink);font:inherit;font-size:16px;font-weight:500;text-align:start;cursor:pointer;transition:background-color .12s ease-out,scale .15s ease-out}@media(hover:hover){.lang-opt:hover{background:color-mix(in srgb,var(--surface-2),var(--ink) 6%)}}.lang-opt:active{scale:.985}.lang-opt:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.lang-own{flex:1}.lang-check{flex:none;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--ink-3)}.lang-opt[aria-pressed=true] .lang-check{box-shadow:inset 0 0 0 6px var(--ink)}.beta-row .row-val{margin-inline-start:auto;color:var(--ink-3);font-weight:400}dialog.feedback{width:min(520px,calc(100vw - 24px));max-height:min(88dvh,640px);overflow:hidden}dialog.feedback:focus{outline:none}.feedback form,.fb-done{display:flex;flex-direction:column;min-height:0}.fb-hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.fb-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 16px 4px 22px}.fb-title{margin:0;font-size:17px;font-weight:600;letter-spacing:-.01em}.fb-lede{margin:2px 0 0;font-size:14px;color:var(--ink-2)}.fb-x{flex:none;width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--surface-2);color:var(--ink-3);cursor:pointer;transition:color .15s ease-out}.fb-x:hover{color:var(--ink)}.fb-x:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.fb-body{padding:14px 22px 4px;overflow-y:auto;overscroll-behavior:contain}.fb-field{display:block}.fb-field :is(textarea,input){display:block;width:100%;border:1px solid oklch(0 0 0 / .12);border-radius:12px;background:var(--surface-2);color:var(--ink);font:inherit;font-size:15px;outline:none;transition:border-color .15s ease-out,box-shadow .15s ease-out}:root[data-theme=dark] .fb-field :is(textarea,input){border-color:#ffffff1f}.fb-field textarea{min-height:168px;max-height:40dvh;padding:12px 14px;resize:vertical;line-height:1.5}.fb-field input{height:44px;padding:0 14px;margin-top:10px}.fb-field :is(textarea,input):focus{border-color:var(--ink-3);box-shadow:0 0 0 3px #0000000f}:root[data-theme=dark] .fb-field :is(textarea,input):focus{box-shadow:0 0 0 3px #ffffff14}.fb-status{font-size:13px;color:#9b3a2a;margin:8px 2px 0}.fb-status:empty{display:none}:root[data-theme=dark] .fb-status{color:#e2a08f}.fb-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:14px;padding:14px 22px 18px;border-top:1px solid oklch(0 0 0 / .07)}:root[data-theme=dark] .fb-foot{border-top-color:#ffffff14}.fb-foot button{height:44px;min-width:104px;padding:0 20px}.fb-foot .solid-btn:disabled{opacity:.4;cursor:default;scale:1}.fb-done{padding-top:22px}.fb-done>:is(.fb-title,.fb-lede){padding:0 22px}@media(max-width:520px){.fb-foot button{flex:1}}:root[data-theme=dark] #ayahBar button:active{scale:.96}#ayahBar button:focus-visible{outline:2px solid #f3ead7;outline-offset:1px}.pop{position:fixed;left:0;top:0;z-index:30;background:var(--surface);color:var(--ink);border-radius:16px;box-shadow:var(--shadow-panel);padding:14px;animation:pop .2s var(--ease)}@keyframes pop{0%{opacity:0;translate:0 6px;scale:.985}to{opacity:1;translate:0 0;scale:1}}.set-label{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin:0 2px 8px}.pop .set+.set{margin-top:14px}.muted{color:var(--ink-3);margin:4px 2px}.reading{width:380px}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.lv-page .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.na-head.set-more-head,.lv-more{display:none}#setMain[data-page=main] :is(.lv-change,.lv-support,.lv-contact){display:none}#setMain[data-page=main] .lv-more{display:flex}#setMain[data-page=more] :is(.lv-page,.lv-deep,.lv-more){display:none}#setMain[data-page=more] .lv-change{margin-top:0;padding-top:0;border-top:0}.beta-links:not(:has(>:not([hidden]))){display:none}body:not([data-state=reading]) #setMain[data-page=main] :is(.lv-page,.lv-deep){display:none}body:not([data-state=reading]) #setMain[data-page=main] .lv-more{margin-top:0;padding-top:0;border-top:0}#setMain[data-page=more] .na-head.set-more-head{display:flex}:is(.lv-more,.lv-change,.thanks-list) .row-chev{margin-inline-start:auto;color:var(--ink-3);flex:none}:root[dir=rtl] :is(.lv-more,.lv-change,.thanks-list) .row-chev{scale:-1 1}.lv-more .row-val+.row-chev{margin-inline-start:0}#setView[data-mode=book] .ico-ayat,#setView[data-mode=ayat] .ico-book,#setPlay .ico-pause,#setPlay[data-state=playing] .ico-play{display:none}#setPlay[data-state=playing] .ico-pause{display:block}.beta-row .row-val:empty{display:none}.beta-links{display:flex;flex-direction:column;gap:2px;margin:12px -4px 0;padding-top:8px;border-top:1px solid oklch(0 0 0 / .07)}:root[data-theme=dark] .beta-links{border-top-color:#ffffff14}.beta-row{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;border-radius:10px;background:transparent;color:var(--ink);font-size:14px;font-weight:500;text-align:start;text-decoration:none;cursor:pointer;transition:background-color .12s ease-out}.beta-row svg{flex:none;fill:var(--ink-2)}@media(hover:hover){.beta-row:hover{background:var(--surface-2)}}.beta-row:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:72px;padding:0 2px;border:0;border-radius:12px;background:var(--surface-2);color:var(--ink-2);text-decoration:none;font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer;transition-property:background-color,color,scale;transition-duration:.15s;transition-timing-function:ease-out}.tile svg{fill:currentColor;flex:none}@media(hover:hover){.tile:hover{color:var(--ink);background:color-mix(in srgb,var(--surface-2),var(--ink) 5%)}}.tile:active{scale:.96}.tile:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tile:is([aria-checked=true],[aria-pressed=true],[data-on=true]){background:color-mix(in srgb,var(--surface),var(--accent) 14%);color:var(--accent)}.tile:is([aria-checked=true],[aria-pressed=true],[data-on=true]) span{color:var(--ink)}@media(hover:hover){.tile:is([aria-checked=true],[aria-pressed=true],[data-on=true]):hover{background:color-mix(in srgb,var(--surface),var(--accent) 20%)}}:root[data-theme=dark] .tile:is([aria-checked=true],[aria-pressed=true],[data-on=true]){background:color-mix(in srgb,var(--surface),var(--accent) 16%)}.tile[aria-disabled=true]{cursor:default}.tile[aria-disabled=true]:active{scale:none}.tile[aria-disabled=true],.tile[aria-disabled=true]:hover{background:color-mix(in srgb,var(--surface),var(--accent) 8%);color:color-mix(in srgb,var(--accent),var(--surface) 30%)}#soundAll .ico-off,#soundAll[aria-checked=false] .ico-on{display:none}#soundAll[aria-checked=false] .ico-off{display:block}.tile-go{display:inline-flex;align-items:center;gap:2px}.tile-go .chev{fill:none;color:var(--ink-3)}:root[dir=rtl] .tile-go .chev{scale:-1 1}#btnTheme .ico-night,:root[data-theme=dark] #btnTheme .ico-day{display:none}:root[data-theme=dark] #btnTheme .ico-night{display:block}.segmented{display:flex;width:100%;gap:2px;padding:3px;border-radius:11px;background:var(--surface-2)}.seg{flex:1;height:36px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--ink-2);font-weight:500;font-size:13.5px;cursor:pointer;transition-property:background-color,color,scale,box-shadow;transition-duration:.15s;transition-timing-function:ease-out}.seg:hover{color:var(--ink)}.seg:active{scale:.96}.seg[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-border)}.seg:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.nav{width:380px;padding:12px;display:flex;flex-direction:column}.search{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:0 12px;height:44px;border-radius:10px;background:var(--surface-2);color:var(--ink-3)}.search:focus-within{box-shadow:0 0 0 2px var(--focus)}.search input{flex:1;min-width:0;height:100%;border:0;background:transparent;outline:none;color:var(--ink);font-size:15px}.search input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.search input::-webkit-search-decoration,.search input::-webkit-search-cancel-button{-webkit-appearance:none}.nav-tabs{margin-bottom:8px}.nav-tabs .seg{height:34px}.nav-list{position:relative;height:min(52vh,420px);overflow-y:auto;overscroll-behavior:contain;margin:0 -4px;padding:0 4px;scrollbar-width:thin}#navJump{height:auto;margin-bottom:4px}.s-row{display:flex;align-items:stretch;border-radius:10px}.s-go,.j-row{flex:1;min-width:0;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;height:48px;padding-block:0;padding-inline:10px 6px;border:0;border-radius:10px;background:transparent;color:var(--ink);text-align:start;cursor:pointer;font-size:15px}.j-row{width:100%;grid-template-columns:1fr auto;padding:0 12px}.s-num,.s-page{font-size:12.5px;color:var(--ink-3);font-variant-numeric:tabular-nums}.s-name{display:flex;align-items:baseline;gap:8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s-ar{font-family:Amiri,serif;font-size:15px;color:var(--ink-3)}.j-from{font-size:13px;color:var(--ink-3)}:is(.s-row,.j-row)[data-current] .s-name:before{content:"";flex:none;align-self:center;width:6px;height:6px;margin-inline-end:-2px;border-radius:50%;background:var(--accent, #2f7a4b)}:is(.s-row,.j-row)[data-current]{background:var(--surface-2)}.s-ayat{flex:none;width:44px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:var(--ink-3);cursor:pointer}.jump-row{display:flex;align-items:center;justify-content:space-between;width:100%;height:48px;padding:0 12px;border:0;border-radius:10px;background:var(--ink);color:var(--surface);font-weight:500;font-size:15px;cursor:pointer}.na-head{display:flex;align-items:center;gap:6px;padding:0 0 10px;margin-bottom:8px;border-bottom:1px solid oklch(0 0 0 / .07)}:root[data-theme=dark] .na-head{border-bottom-color:#ffffff14}.na-back{flex:none;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:var(--ink-2);cursor:pointer}.na-title{font-weight:600;font-size:15.5px}.na-sub{font-size:12.5px;color:var(--ink-3)}@media(hover:hover){.s-row:hover,.j-row:hover{background:var(--surface-2)}.s-ayat:hover{color:var(--ink);background:#0000000d}:root[data-theme=dark] .s-ayat:hover{background:#ffffff12}.na-back:hover{background:var(--surface-2);color:var(--ink)}}:is(.s-go,.s-ayat,.j-row,.jump-row,.na-back):focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.ghost-btn{height:44px;padding:0 18px;border:0;border-radius:10px;background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px #0000001f;font-weight:500;cursor:pointer;transition:background-color .15s ease-out,scale .15s ease-out}:root[data-theme=dark] .ghost-btn{box-shadow:inset 0 0 0 1px #ffffff24}.ghost-btn:hover{background:var(--surface-2)}.ghost-btn:active{scale:.96}.menu{width:300px}.options{display:flex;flex-direction:column;gap:2px}.options.scroll{max-height:min(46vh,360px);overflow-y:auto;overscroll-behavior:contain;margin:0 -4px;padding:0 4px;scrollbar-width:thin}.option{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding-block:9px;padding-inline:12px 36px;border:0;border-radius:10px;background:transparent;color:var(--ink);text-align:start;cursor:pointer;transition:background-color .12s ease-out}.option:hover,.option[aria-pressed=true]{background:var(--surface-2)}.option[aria-pressed=true]:after{content:"";position:absolute;inset-inline-end:14px;top:50%;width:10px;height:5px;margin-top:-4px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;rotate:-45deg}.opt-main{font-weight:500;font-size:14px}.opt-sub{font-size:12.5px;color:var(--ink-3)}.sound-parts{display:flex;flex-direction:column;gap:6px}.tiles-2{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-pick{grid-template-columns:repeat(3,minmax(0,1fr))}.tile-tag{position:absolute;top:6px;inset-inline-end:6px;padding:1px 6px;border-radius:6px;background:var(--surface);color:var(--ink-3);font-size:10px;font-weight:600}.sound-card{margin-top:12px;padding:6px;border-radius:14px;background:color-mix(in srgb,var(--surface),var(--accent) 10%)}.sound-card .sound-part{background:var(--surface)}@media(hover:hover){.sound-card .sound-part:not(:disabled):hover{background:color-mix(in srgb,var(--surface),var(--ink) 4%)}}.thanks-list{margin-top:0;padding-top:0;border-top:0}.th-text{display:flex;flex-direction:column;gap:1px;min-width:0}.th-what{font-size:12.5px;font-weight:400;color:var(--ink-3)}.na-switch{flex:none;margin-inline-start:auto;display:grid;place-items:center;height:44px;padding:0 10px;border:0;border-radius:10px;background:transparent;cursor:pointer}.na-switch:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.sp-ico{flex:none;fill:var(--ink-2)}.sound-part .ico-night,:root[data-theme=dark] .sound-part .ico-day{display:none}:root[data-theme=dark] .sound-part .ico-night{display:block}.sound-part{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;height:44px;padding-block:0;padding-inline:12px 10px;border:0;border-radius:10px;background:var(--surface-2);font-size:14px;color:var(--ink);text-align:start;cursor:pointer;transition:background-color .12s ease-out}.sp-label{flex:1;min-width:0;line-height:1.2;overflow-wrap:anywhere}.sound-part[aria-checked=false] .sp-label{color:var(--ink-3)}.sound-part:disabled{opacity:.45;cursor:default}.sw{position:relative;flex:none;width:34px;height:20px;border-radius:10px;background:color-mix(in srgb,var(--surface-2),var(--ink) 22%);transition:background-color .16s ease-out}.sw:after{content:"";position:absolute;inset-inline-start:2px;top:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:translate .16s ease-out}[aria-checked=true]>.sw{background:var(--accent)}[aria-checked=true]>.sw:after{translate:14px 0}:root[dir=rtl] [aria-checked=true]>.sw:after{translate:-14px 0}:root[data-theme=dark] .sw{background:#fff3}:root[data-theme=dark] [aria-checked=true]>.sw{background:var(--accent)}:root[data-theme=dark] .sw:after{background:var(--ink)}@media(hover:hover){.sound-part:not(:disabled):hover{background:color-mix(in srgb,var(--surface-2),var(--ink) 5%)}}.sound-part:focus-visible{outline:none;box-shadow:0 0 0 2px var(--focus)}@media(prefers-reduced-motion:reduce){.sw,.sw:after{transition:none}}.tr-pick{position:relative;display:block;grid-column:1 / -1;width:100%;padding:0;border:0;background:none;text-align:start;cursor:pointer}.tr-pick[hidden]{display:none}.tr-pick:after{content:"";position:absolute;inset-inline-end:17px;top:18px;width:7px;height:7px;pointer-events:none;border-right:1.6px solid var(--ink-3);border-bottom:1.6px solid var(--ink-3);rotate:-45deg}.tr-shown{display:block;height:44px;padding:0 36px 0 12px;border-radius:10px;background:var(--surface-2);font-size:14px;line-height:44px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color .12s ease-out}.tr-shown b{font-weight:600;color:var(--ink)}@media(hover:hover){.tr-pick:hover .tr-shown{background:color-mix(in srgb,var(--surface-2),var(--ink) 5%)}}.tr-pick:focus-visible{outline:none}.tr-pick:focus-visible .tr-shown{box-shadow:0 0 0 2px var(--focus)}.tr-options{height:min(56vh,460px)}.tr-group+.tr-group{margin-top:6px}.tr-lang{position:sticky;top:0;z-index:1;display:flex;align-items:baseline;gap:8px;padding:10px 10px 6px;background:var(--surface);font-weight:600;font-size:15px;color:var(--ink)}.tr-lang span{font-weight:400;font-size:13px;color:var(--ink-3)}.tr-opt{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:var(--ink);font-size:14.5px;text-align:start;cursor:pointer;transition:background-color .12s ease-out}.tr-opt:before{content:"";flex:none;width:20px;height:20px;border-radius:6px;background:var(--surface-2) center / 13px no-repeat;box-shadow:inset 0 0 0 1px #0000001a}:root[data-theme=dark] .tr-opt:before{box-shadow:inset 0 0 0 1px #ffffff24}.tr-opt[aria-pressed=true]{font-weight:500}.tr-opt[aria-pressed=true]:before{box-shadow:none;background-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}:root[data-theme=dark] .tr-opt[aria-pressed=true]:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%231a1a1d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}@media(hover:hover){.tr-opt:hover{background:var(--surface-2)}}.tr-opt:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.tr-none{padding:12px 10px}#mushafList{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:2px 2px 4px}.ms-card{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:12px 8px 10px;border:0;border-radius:12px;background:var(--surface-2);box-shadow:inset 0 0 0 1px #00000014;color:var(--ink);font-size:13.5px;cursor:pointer;transition:background-color .12s ease-out,box-shadow .12s ease-out}:root[data-theme=dark] .ms-card{box-shadow:inset 0 0 0 1px #ffffff1f}.ms-card[aria-pressed=true],:root[data-theme=dark] .ms-card[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--accent)}.ms-card[aria-pressed=true] .ms-name{font-weight:600}@media(hover:hover){.ms-card:hover{background:color-mix(in srgb,var(--surface-2),var(--ink) 5%)}}.ms-card:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ms-prev{display:flex;align-items:center;justify-content:center;gap:.1em;width:100%;height:48px;font-size:26px;line-height:1;white-space:nowrap;overflow:hidden;color:var(--ink);-webkit-user-select:none;user-select:none}.ms-prev[data-font=v1]{font-size:30px}.ms-prev[data-font=v4-tajweed]{font-size:24px}.ms-prev[data-font=qpc-hafs]{gap:.3em}@font-palette-values --tajweed-night{font-family:QCF-v4-tajweed-1;base-palette:1}:root[data-theme=dark] .ms-prev[data-font=v4-tajweed]{font-palette:--tajweed-night}.ms-name{font-weight:500;text-align:center}.page-jump{width:320px}.q-pick{padding:2px 2px 0}.q-readout{display:flex;align-items:baseline;justify-content:center;gap:6px;font-variant-numeric:tabular-nums}.q-num{font-size:30px;font-weight:600;line-height:1.15;letter-spacing:-.01em}.q-of{font-size:14px;color:var(--ink-3)}.q-ctx{margin-top:2px;text-align:center;font-size:13px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q-track{position:relative}.q-ticks{position:absolute;top:0;right:14px;bottom:0;left:14px;pointer-events:none;opacity:0;transition:opacity .15s ease-out}.q-track[data-pressed] .q-ticks{opacity:1}.q-ticks i{position:absolute;top:50%;width:1px;height:10px;margin:-5px -.5px 0 0;background:#0000002e}:root[data-theme=dark] .q-ticks i{background:#fff3}.q-range{--at: calc(14px + (100% - 28px) * var(--p, 0));--fill: linear-gradient(to right, var(--ink) var(--at), var(--surface-2) var(--at));position:relative;display:block;width:100%;height:48px;margin:4px 0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;outline:none;touch-action:none}.q-range[dir=rtl]{--fill: linear-gradient(to left, var(--ink) var(--at), var(--surface-2) var(--at))}.q-range::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--fill)}.q-range::-moz-range-track{height:4px;border-radius:2px;background:var(--fill)}.q-range::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-12px;border-radius:50%;background:var(--surface);box-shadow:0 0 0 1px #0000001a,0 1px 4px #0000002e}.q-range::-moz-range-thumb{width:28px;height:28px;border:0;border-radius:50%;background:var(--surface);box-shadow:0 0 0 1px #0000001a,0 1px 4px #0000002e}:root[data-theme=dark] .q-range::-webkit-slider-thumb{background:var(--ink);box-shadow:0 1px 4px #00000080}:root[data-theme=dark] .q-range::-moz-range-thumb{background:var(--ink);box-shadow:0 1px 4px #00000080}.q-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--focus),0 1px 4px #0000002e}.q-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--focus),0 1px 4px #0000002e}#navAyat .q-pick{padding:6px 4px 0}.solid-btn{height:40px;padding:0 16px;border:0;border-radius:10px;background:var(--ink);color:var(--surface);font-weight:500;cursor:pointer;transition:scale .15s ease-out,opacity .15s ease-out}.solid-btn:hover{opacity:.92}.solid-btn:active{scale:.97}dialog{width:min(480px,calc(100vw - 32px));max-height:min(80vh,640px);padding:0;border:0;border-radius:16px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow-panel)}dialog[open]{display:flex;flex-direction:column;animation:pop .2s var(--ease)}dialog::backdrop{background:#00000059}.dlg-head{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 10px 20px;border-bottom:1px solid oklch(0 0 0 / .07)}:root[data-theme=dark] .dlg-head{border-bottom-color:#ffffff14}.dlg-title{font-weight:600;font-size:15px}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--ink-2);cursor:pointer}.icon-btn:hover{background:var(--surface-2);color:var(--ink)}.dlg-body{padding:14px 20px 20px;overflow:auto}.credits{margin:0 0 14px;padding-inline-start:18px;font-size:13.5px;line-height:1.55;color:var(--ink-2)}.credits li+li{margin-top:5px}.credits a,.small a{color:var(--ink);text-decoration:underline;text-underline-offset:2px}.small{font-size:13px;line-height:1.55;color:var(--ink-2);margin:0}#loading{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;transition:opacity .6s ease-out}body:has(#loading:not(.done)) #beginHint{visibility:hidden}#still{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .6s ease-out}html.still-in #still{opacity:1;pointer-events:auto;cursor:pointer;transition-duration:.15s}html.still-in #loading:not(.done){visibility:hidden}html.still-in body:has(#loading:not(.done)) #beginHint{visibility:visible}html.still-in #still.gone{opacity:0;pointer-events:none;transition-duration:.6s}#loading.done{opacity:0;pointer-events:none}.loading-inner{text-align:center;padding:0 24px}#loading .retry{display:block;margin:14px auto 0;padding:12px 26px;border:0;border-radius:999px;background:var(--chrome-ink);color:var(--chrome);font:600 16px/1.2 inherit;cursor:pointer}.loading-text{padding:14px 28px;border-radius:999px;background:var(--chrome);color:var(--chrome-ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-chrome);font-family:Libre Baskerville,Georgia,serif;font-size:22px;line-height:1.4}@media(prefers-reduced-motion:reduce){.pop,dialog[open],#loading,.pg,.hint,#player,#ayahBar{transition:none;animation:none}#fontWait:before{animation:none;width:100%;opacity:.5}#player[data-state=playing] .pl-sub:before{animation:none}body[data-layout^=phone] #ayahBar,dialog.feedback[open]{animation:none}#topbar,#footbar,#topbar:before{transition:none}}@media(hover:hover)and (pointer:fine){.pg .pg-arrow,.pg .corner{opacity:0;transition:opacity .18s ease-out,background-color .15s ease-out,color .15s ease-out,scale .15s ease-out}.pg :is(.pg-arrow,.corner):disabled{opacity:0}.pg:is(.hover,:has(.pg-zone:hover)) :is(.pg-arrow,.corner):not(:disabled),.pg :is(.pg-arrow,.corner):focus-visible{opacity:1}.pg:is(.hover,:has(.pg-zone:hover)) .pg-arrow:disabled{opacity:.25}}@media(pointer:coarse){.corner{display:none}.pg .pg-arrow,.pg .pg-arrow:disabled{opacity:0}}body[data-layout=phone-land] #footbar{grid-template-columns:1fr}@media(max-width:720px){#topbar{padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top))}.brand-name{font-size:20px}.loading-text{font-size:19px;padding:12px 22px}.chrome-btn{height:42px}.chrome-btn.icon{width:42px}#footbar{grid-template-columns:1fr;padding:10px 12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}#footbar .center{grid-row:1}.credit{justify-self:center;grid-row:2;font-size:11.5px}.pl-info{max-width:210px}#ayahBar .ab-key{display:none}}:root[dir=rtl] :is(#btnClose,.na-back,.s-ayat,.jump-row) svg{scale:-1 1}:root[dir=rtl] .tr-pick:after{rotate:135deg}:root:is([lang=ar],[lang=ckb],[lang=bn]) .hint{font-style:normal;font-size:18px}:root:is([lang=ar],[lang=ckb],[lang=bn]) .ayah-hint{font-size:15px}:root:is([lang=ar],[lang=ckb],[lang=bn]) body,:root:is([lang=ar],[lang=ckb],[lang=bn]) body *{letter-spacing:0}html,body,button,a,label,input,textarea,select,[role=button]{touch-action:manipulation}*,*:before,*:after{touch-action:manipulation}.pg-trans *,body[data-layout^=phone] #ayahBar *{touch-action:pan-y}@supports (-webkit-touch-callout: none){.search input,.fb-field :is(textarea,input){font-size:16px}}.set-size{display:flex;align-items:center;gap:6px;margin-top:8px;padding:4px 4px 4px 12px;border-radius:12px;background:var(--surface-2)}.set-size[hidden]{display:none}.set-size>span{flex:1;color:var(--ink-2);font-size:13px}.size-btn{min-width:44px;height:36px;border:0;border-radius:9px;background:var(--surface);color:var(--ink);font:inherit;font-weight:600;cursor:pointer;box-shadow:var(--shadow-border)}#sizeDown span{font-size:12px}#sizeUp span{font-size:16px}.size-btn:disabled{opacity:.4;cursor:default}