.qr-root{--said:var(--emerald-hi);--paper:color-mix(in srgb, var(--surface) 90%, var(--gold) 4%)}@media (prefers-color-scheme:light){.qr-root{--said:#03684b;--paper:color-mix(in srgb, #fffdf6 92%, var(--gold) 8%)}}.qr-embedded{gap:var(--page-gap);margin:0 auto;display:grid}.qr-empty{color:var(--muted);text-align:center;margin:0;padding:2rem 0}.qr-attrib{color:var(--faint);text-align:center;max-width:60ch;margin-inline:auto;padding:.5rem 0 0;font-size:.78rem}.qr-attrib a{color:var(--muted)}.qr-reader-head{gap:.9rem;padding-top:.25rem;display:grid}.qr-backlink{color:var(--muted);border-radius:999px;justify-self:start;align-items:center;gap:.25rem;padding-block:.25rem;padding-inline:.1rem .5rem;font-size:.9rem;text-decoration:none;display:inline-flex}.qr-backlink:hover{color:var(--ink)}.qr-backlink svg{width:1.1rem;height:1.1rem}.qr-band{border:1px solid var(--gold);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--gold) 10%, transparent) 30%, color-mix(in srgb, var(--gold) 10%, transparent) 70%, transparent), var(--paper);border-radius:6px;grid-template-columns:2.4rem 1fr 2.4rem;align-items:center;gap:.5rem;padding:.55rem .6rem;display:grid;position:relative}.qr-band:before{content:"";border:1px solid color-mix(in srgb, var(--gold) 45%, transparent);pointer-events:none;border-radius:3px;position:absolute;inset:4px}.qr-band-orn{justify-self:center;width:1.5rem;height:1.5rem;position:relative}.qr-band-orn:before,.qr-band-orn:after{content:"";border:1.5px solid var(--gold);background:color-mix(in srgb, var(--gold) 14%, transparent);position:absolute;inset:0}.qr-band-orn:after{transform:rotate(45deg)}.qr-band-title{text-align:center;justify-items:center;gap:.1rem;margin:0;font-weight:400;display:grid}.qr-band-ar{font-family:var(--font-quran);color:var(--gold);font-size:clamp(1.7rem,6vw,2.4rem);line-height:1.6}.qr-band-en{color:var(--muted);letter-spacing:.01em;font-size:.8rem}.qr-controls{gap:.75rem;display:grid}.qr-seg{justify-self:center;width:100%;max-width:30rem}.qr-seg span{white-space:nowrap;text-overflow:ellipsis;padding-inline:.3rem;overflow:hidden}@media (max-width:420px){.qr-seg{gap:.15rem}.qr-seg span{padding-inline:.2rem;font-size:.82rem}}.qr-range{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem .5rem;font-size:.9rem;display:flex}.qr-range-label{color:var(--muted);margin-inline-end:.25rem}.qr-range-dash{color:var(--faint)}.qr-select{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--night-2);min-width:4.2rem;min-height:2.4rem;color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;padding:.3rem .6rem}.qr-select:focus-visible{border-color:var(--gold)}.qr-step:disabled{opacity:.35;cursor:default}.qr-whole{min-height:2.2rem;padding:.3rem .8rem;font-size:.82rem}.qr-sheet{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);padding:clamp(1rem,4vw,2.25rem) clamp(.9rem,4vw,2.5rem)}.qr-mushaf{font-family:var(--font-quran);color:var(--ink);text-align:justify;text-align-last:center;word-spacing:.06em;font-size:clamp(1.55rem,1.15rem + 1.9vw,2.3rem);line-height:2.45}.qr-flow{margin:0}.qr-flow.qr-chunk{content-visibility:auto;contain-intrinsic-size:auto 60rem}.qr-flow+.qr-flow{margin-top:.25em}.qr-bismillah{text-align:center;text-align-last:center;color:var(--muted);transition:color .3s var(--ease);margin:0 0 .35em}.qr-bismillah[data-state=said]{color:var(--said)}.qr-bismillah[data-state=preview]{color:color-mix(in srgb, var(--gold) 75%, var(--ink))}.qr-ayah{-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-color .4s var(--ease);border-radius:.3em}.qr-ayah.qr-current{background:color-mix(in srgb, var(--emerald) 9%, transparent)}.qr-ayah.qr-playing{background:color-mix(in srgb, var(--gold) 16%, transparent)}.qr-w{cursor:pointer;transition:color .25s var(--ease), background-color .25s var(--ease);border-radius:.2em;position:relative}.qr-w:hover{background:color-mix(in srgb, var(--gold) 10%, transparent)}.qr-mark{color:var(--emerald);font-size:.8em}.qr-pre{color:var(--gold)}.qr-end{color:var(--gold);white-space:nowrap;margin-inline:.08em;font-size:.95em}.qr-w.qr-said{color:var(--said)}.qr-w.qr-preview{color:color-mix(in srgb, var(--gold) 80%, var(--ink))}.qr-w.qr-next:after{content:"";inset-inline:10%;background:var(--gold);opacity:0;border-radius:3px;height:3px;position:absolute;bottom:.18em}.qr-reader[data-rec=listening] .qr-w.qr-next:after,.qr-reader[data-rec=restarting] .qr-w.qr-next:after{opacity:.9;animation:qr-bead 1.6s var(--ease) infinite}@keyframes qr-bead{50%{opacity:.35}}.qr-w.qr-wrong{background-color:color-mix(in srgb, var(--danger) 14%, transparent)}.qr-reader .qr-w.qr-wrong:after,.qr-reader[data-rec] .qr-w.qr-next.qr-wrong:after{content:"";inset-inline:10%;background:var(--danger);opacity:1;border-radius:3px;height:4px;animation:none;position:absolute;bottom:.18em}.qr-reader .qr-w.qr-shake:after,.qr-reader[data-rec] .qr-w.qr-next.qr-shake:after{animation:qr-nono .55s var(--ease)}@keyframes qr-nono{0%,to{transform:translate(0)}15%{transform:translate(-.35em)}32%{transform:translate(.35em)}50%{transform:translate(-.28em)}68%{transform:translate(.28em)}84%{transform:translate(-.12em)}}@keyframes qr-nono-blink{20%,60%{opacity:.15}0%,40%,80%,to{opacity:1}}.qr-reader[data-mode=follow] .qr-w.qr-missed{-webkit-text-decoration:underline dotted color-mix(in srgb, var(--danger) 70%, transparent);text-decoration:underline dotted color-mix(in srgb, var(--danger) 70%, transparent);text-underline-offset:.35em}.qr-reader:is([data-mode=memorize],[data-hide-text]) .qr-w:not(.qr-said):not(.qr-hinted):not(.qr-missed):not(.qr-preview){color:#0000;cursor:default;-webkit-user-select:none;user-select:none;background:radial-gradient(circle, color-mix(in srgb, var(--faint) 85%, transparent) 1.4px, transparent 1.9px) 0 62% / .42em .42em repeat-x}.qr-reader:is([data-mode=memorize],[data-hide-text]) .qr-w:not(.qr-said):not(.qr-hinted):not(.qr-missed):not(.qr-preview):hover{background-color:#0000}.qr-reader:is([data-mode=memorize],[data-hide-text]) .qr-w.qr-next:not(.qr-said){background:radial-gradient(circle, var(--gold) 1.6px, transparent 2.1px) 0 62% / .42em .42em repeat-x}.qr-reader:is([data-mode=memorize],[data-hide-text]) .qr-w.qr-next.qr-wrong:not(.qr-said){background:radial-gradient(circle, var(--danger) 1.6px, transparent 2.1px) 0 62% / .42em .42em repeat-x, color-mix(in srgb, var(--danger) 14%, transparent)}.qr-reader:is([data-mode=memorize],[data-hide-text]) .qr-w.qr-preview{color:color-mix(in srgb, var(--gold) 55%, transparent)}.qr-reader:is([data-mode=memorize],[data-hide-text]) .qr-w.qr-said{animation:qr-reveal .45s var(--ease)}.qr-reader:is([data-mode=memorize],[data-hide-text]) .qr-w.qr-missed{color:var(--danger);-webkit-text-decoration:underline wavy color-mix(in srgb, var(--danger) 60%, transparent);text-decoration:underline wavy color-mix(in srgb, var(--danger) 60%, transparent);text-underline-offset:.4em;text-decoration-thickness:1px}.qr-w.qr-hinted{color:var(--gold);-webkit-text-decoration:underline dotted var(--gold);text-decoration:underline dotted var(--gold);text-underline-offset:.4em}.qr-reader:is([data-mode=memorize],[data-hide-text]) .qr-mark{opacity:.35}@keyframes qr-reveal{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:none}}.qr-summary{border-color:color-mix(in srgb, var(--gold) 45%, var(--line));gap:.85rem;display:grid}.qr-summary:focus{outline:none}.qr-summary-top{flex-wrap:wrap;align-items:center;gap:1rem 2rem;display:flex}.qr-score{justify-items:start;display:grid}.qr-score-num{color:var(--gold);font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:clamp(2.6rem,9vw,3.4rem);font-weight:700;line-height:1}.qr-score-label{color:var(--muted);font-size:.85rem}.qr-stats{flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;display:flex}.qr-stat{display:grid}.qr-stat dt{color:var(--faint);font-size:.78rem}.qr-stat dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.qr-newbest{color:var(--said);margin:0;font-size:.9rem;font-weight:600}.qr-summary-h{font-weight:600;margin:.25rem 0 0!important;font-size:1rem!important}.qr-missed{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.qr-missed li{flex-wrap:wrap;align-items:baseline;gap:.75rem;display:flex}.qr-missed-ref{color:var(--muted);white-space:nowrap;font-size:.8rem}.qr-missed-words{font-family:var(--font-quran);color:var(--danger);font-size:1.45rem;line-height:1.9}.qr-nomissed{color:var(--said);margin:0}.qr-summary-actions{flex-wrap:wrap;gap:.5rem;display:flex}.qr-dock{bottom:calc(var(--tabbar-h) + .6rem);z-index:5;border-radius:var(--r-lg);border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"main info side";align-items:center;gap:.4rem .9rem;padding:.6rem .8rem;display:grid;position:sticky;box-shadow:0 18px 40px -20px #0000008c}.qr-dock-main{grid-area:main;display:grid}.qr-dock-info{grid-area:info;gap:.3rem;min-width:0;display:grid}.qr-dock-side{flex-wrap:wrap;grid-area:side;justify-content:flex-end;align-items:center;gap:.35rem;display:flex}.qr-dock-side .btn{min-height:2.3rem;padding:.35rem .8rem;font-size:.84rem}.qr-dock-side .btn>span:first-child{display:inline-flex}.qr-dock-side .btn svg{width:1.1rem;height:1.1rem}.qr-status{color:var(--muted);margin:0;font-size:.88rem;line-height:1.35}.qr-progress{align-items:center;gap:.6rem;display:flex}.qr-bar{background:var(--bead-off);border-radius:4px;flex:1;height:4px;overflow:hidden}.qr-bar-fill{height:100%;background:linear-gradient(90deg, var(--emerald), var(--gold));border-radius:inherit;inline-size:0;transition:inline-size .35s var(--ease);display:block}.qr-progress-text{color:var(--faint);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:.75rem}.qr-mic{cursor:pointer;color:#04241c;background:radial-gradient(circle at 35% 30%, var(--emerald-hi), var(--emerald) 60%, #047857);width:3.9rem;height:3.9rem;box-shadow:0 8px 22px -10px color-mix(in srgb, var(--emerald) 70%, transparent), 0 0 0 5px color-mix(in srgb, var(--emerald) 14%, transparent);transition:transform .15s var(--ease), background .3s var(--ease);border:0;border-radius:50%;place-items:center;display:grid;position:relative}.qr-mic:active{transform:scale(.95)}.qr-mic:focus-visible{outline-offset:5px;border-radius:50%}.qr-mic svg{width:1.7rem;height:1.7rem}.qr-mic>span{grid-area:1/1;place-items:center;display:grid}.qr-mic[data-active]{background:radial-gradient(circle at 35% 30%, var(--gold-hi), var(--gold) 60%, var(--gold-lo));color:var(--gold-ink);box-shadow:0 8px 22px -10px color-mix(in srgb, var(--gold) 70%, transparent), 0 0 0 5px color-mix(in srgb, var(--gold) 16%, transparent)}.qr-mic-waves{pointer-events:none;position:absolute;inset:0}.qr-mic-waves i{border:2px solid var(--gold);opacity:0;border-radius:50%;position:absolute;inset:0}.qr-mic[data-rec=listening] .qr-mic-waves i{animation:qr-wave 2.4s var(--ease) infinite}.qr-mic[data-rec=listening] .qr-mic-waves i:nth-child(2){animation-delay:1.2s}.qr-mic[data-rec=loading] .qr-mic-waves i:first-child,.qr-mic[data-rec=restarting] .qr-mic-waves i:first-child{opacity:1;border-color:var(--gold) transparent transparent transparent;animation:1s linear infinite qr-spin;inset:-6px}@keyframes qr-wave{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes qr-spin{to{transform:rotate(360deg)}}.qr-listen-opts{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.qr-opt-label{color:var(--faint);font-size:.78rem}.qr-mini-seg{border:1px solid var(--line);background:var(--night-2);border-radius:999px;gap:.15rem;padding:.15rem;display:inline-flex}.qr-mini-seg label{cursor:pointer;position:relative}.qr-mini-seg input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.qr-mini-seg span{color:var(--muted);font-variant-numeric:tabular-nums;border-radius:999px;padding:.15rem .55rem;font-size:.8rem;display:block}.qr-mini-seg input:checked+span{background:var(--gold);color:var(--gold-ink)}.qr-mini-seg input:focus-visible+span{outline:2px solid var(--gold);outline-offset:2px}.qr-speed{min-width:0;min-height:1.9rem;padding:.1rem .4rem;font-size:.8rem}.qr-textbtn[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}@media (max-width:560px){.qr-dock{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"main info""main side";gap:.35rem .75rem;padding:.55rem .7rem}.qr-dock-side{justify-content:flex-start;gap:.3rem}.qr-dock-side:empty{display:none}.qr-dock-side .btn{padding:.35rem .65rem}.qr-dock-side .icon-btn{width:2.3rem;min-width:0;height:2.3rem;min-height:0}.qr-listen-opts{gap:.3rem .5rem}.qr-opt-label{flex-basis:100%}.qr-mic{width:3.5rem;height:3.5rem}.qr-status{font-size:.82rem}.qr-mushaf{line-height:2.3}}@media (prefers-reduced-motion:reduce){.qr-reader[data-rec=listening] .qr-w.qr-next:after{animation:none}.qr-reader .qr-w.qr-shake:after,.qr-reader[data-rec] .qr-w.qr-next.qr-shake:after{animation:.7s linear qr-nono-blink}.qr-reader[data-mode=memorize] .qr-w.qr-said{animation:none}}.qr-hifz-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;display:flex}.qr-confirm{text-align:center;flex-wrap:wrap;flex-basis:100%;justify-content:center;align-items:center;gap:.4rem;display:flex}.qr-addhifz{min-height:2.2rem;padding:.3rem .9rem;font-size:.84rem}.qr-addhifz:before{content:"";border:1.5px solid var(--gold);border-radius:2px;block-size:.55rem;inline-size:.55rem;transform:rotate(45deg)}.qr-addhifz.qr-in{border-color:color-mix(in srgb, var(--gold) 45%, var(--line));color:var(--muted)}.qr-addhifz.qr-in:before{background:var(--gold)}.qr-small-btn{min-height:2.1rem;padding:.3rem .8rem;font-size:.82rem}.qr-quiet{color:var(--muted);background:0 0;border-color:#0000}.qr-quiet:hover{background:var(--surface-hover);color:var(--ink)}.qr-hifzsaved{color:var(--muted);margin:0;font-size:.88rem}.qr-hifzsaved a{color:var(--gold)}.qr-glossbtn{min-height:2.2rem;padding:.3rem .9rem;font-size:.84rem}.qr-glossbtn[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.qr-explain-hint{color:var(--faint);text-align:center;justify-content:center;align-items:center;gap:.4rem;margin:0;font-size:.8rem;display:flex}.qr-glossbtn[data-pending],.qr-explain-hint[data-pending]{visibility:hidden}.qr-explain-hint svg{width:1rem;height:1rem;color:var(--gold);flex:none}.qr-gl{display:none}.qr-reader[data-gloss] .qr-wx{white-space:nowrap}.qr-reader[data-gloss] .qr-wg{white-space:normal;flex-direction:column;align-items:center;line-height:2.05;display:inline-flex}.qr-reader[data-gloss] .qr-gl{max-inline-size:8rem;font-family:var(--font-ui);color:var(--muted);text-align:center;text-wrap:balance;word-spacing:normal;cursor:default;unicode-bidi:isolate;padding-bottom:.45rem;font-size:.8rem;line-height:1.25;display:block}.qr-reader[data-gloss] .qr-w.qr-said+.qr-gl{color:color-mix(in srgb, var(--said) 75%, var(--muted))}.qr-reader[data-gloss] .qr-mushaf{line-height:2}.qr-reader:is([data-mode=memorize],[data-hide-text]) .qr-w:not(.qr-said):not(.qr-hinted):not(.qr-missed)+.qr-gl,.qr-reader[data-mode=repeat][data-hide-text] .qr-gl{visibility:hidden;white-space:nowrap;max-inline-size:0;overflow:hidden}.qr-end-btn{font:inherit;line-height:inherit;color:var(--gold);cursor:pointer;background:0 0;border:0;border-radius:.25em;padding:0 .04em}.qr-end[data-pending]{font-size:inherit;padding:0 .04em;display:inline-block}.qr-end-btn:hover{background:color-mix(in srgb, var(--gold) 14%, transparent)}.qr-end-btn:focus-visible{outline:2px solid var(--gold);outline-offset:1px}.qr-explain-opt{color:var(--muted);cursor:pointer;align-items:center;gap:.35rem;font-size:.8rem;display:inline-flex}.qr-explain-opt input{accent-color:var(--gold);margin:0}.qr-tafsir{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);width:min(600px,100vw - 2rem);max-width:none;max-height:calc(100dvh - 2rem);color:var(--ink);flex-direction:column;gap:0;padding:0;font-size:1rem;display:flex;overflow:hidden;box-shadow:0 30px 80px -20px #0009}.qr-tafsir-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.1rem clamp(1rem,4vw,1.5rem) .75rem;display:flex}.qr-tafsir-heading{gap:.1rem;min-width:0;display:grid}.qr-tafsir-title{margin:0;font-size:1.15rem;font-weight:600}.qr-tafsir-range{color:var(--muted);margin:0;font-size:.85rem}.qr-tafsir-body{overscroll-behavior:contain;flex:auto;align-content:start;gap:.9rem;min-height:0;padding:1rem clamp(1rem,4vw,1.5rem);display:grid;overflow-y:auto}.qr-tafsir-ar{border-radius:var(--r-md);background:color-mix(in srgb, var(--gold) 7%, transparent);font-family:var(--font-quran,var(--font-ar));color:var(--ink);text-align:center;margin:0;padding:.6rem .8rem;font-size:1.5rem;line-height:2}.qr-tafsir-text{gap:.65rem;font-size:1rem;line-height:1.7;display:grid}.qr-tafsir-text p{margin:0}.qr-tafsir-text[lang=ar]{font-family:var(--font-ar);font-size:1.2rem;line-height:1.9}.qr-tafsir-source{color:var(--faint);margin:0;font-size:.78rem}.qr-tafsir-actions{padding:.75rem clamp(1rem, 4vw, 1.5rem) calc(.9rem + env(safe-area-inset-bottom));border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:.5rem;display:flex}.qr-tafsir-actions .btn{align-items:center;gap:.3rem;min-height:2.4rem;padding:.35rem .85rem;font-size:.86rem;display:inline-flex}.qr-tafsir-actions .btn>span:has(svg){display:inline-flex}.qr-tafsir-actions svg{width:1.05rem;height:1.05rem}.qr-tafsir-step:disabled{opacity:.4;cursor:default}@media (max-width:899.98px){.qr-tafsir.qr-tafsir{border-radius:var(--r-lg) var(--r-lg) 0 0;border-bottom:0;width:100%;max-width:100%;max-height:min(88dvh,720px);inset-block:auto 0;inset-inline-start:0;transform:none}}@media (max-width:420px){.qr-tafsir-actions .btn{padding:.35rem .6rem;font-size:.82rem}}@media (min-width:900px){.qr-empty{padding:3rem 0}.qr-attrib{padding-top:var(--space-4);border-top:1px solid var(--line-soft);max-width:none}.qr-embedded{margin:0}.qr-reader-head{display:contents}.qr-reader>.qr-empty{order:0}.qr-reader-head>.qr-backlink{margin-bottom:calc(var(--space-2) - var(--page-gap));order:1}.qr-controls{order:2}.qr-summary{order:3}.qr-band{order:4}.qr-sheet{order:5}.qr-dock{order:6}.qr-reader>.qr-attrib{order:7}.qr-controls{border:1px solid var(--line-soft);border-radius:var(--r-lg);background:var(--surface-raised);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"seg.hifz""range range range";align-items:center;gap:.75rem 1rem;padding:.6rem .6rem .7rem}.qr-seg{grid-area:seg;justify-self:start;width:25rem;max-width:100%}.qr-seg span{font-size:var(--fs-small);padding:.4rem .5rem}.qr-hifz-row{grid-area:hifz;justify-content:flex-end}.qr-explain-hint{grid-column:1/-1;justify-content:flex-start;padding-inline:.35rem}.qr-range{border-top:1px solid var(--line-soft);font-size:var(--fs-small);grid-area:range;justify-content:flex-start;padding:.6rem .35rem 0}.qr-range-label{margin-inline-end:.5rem}.qr-select{background:var(--surface-sunken);min-height:2.25rem}.qr-whole{margin-inline-start:auto}.qr-reader{--band-h:7.25rem;--band-top:2.5rem;--sheet-x:clamp(1.75rem, 6cqi, 3.25rem)}.qr-band{z-index:1;box-sizing:border-box;height:var(--band-h);margin:var(--band-top) var(--sheet-x) calc(-1 * (var(--band-h) + var(--band-top)));border-radius:4px;grid-template-columns:3rem 1fr 3rem;align-content:center;padding:.5rem .9rem;position:relative}.qr-band:before{inset:5px}.qr-band-orn{width:1.6rem;height:1.6rem}.qr-band-title{gap:.3rem}.qr-band-ar{font-size:2.55rem;line-height:1.35}.qr-band-en{font-size:var(--fs-caption)}.qr-sheet{margin-top:calc(-1 * var(--page-gap));padding:calc(var(--band-top) + var(--band-h) + 1.75rem) var(--sheet-x) 2.75rem;border-radius:var(--r-md);border:1px solid color-mix(in srgb, var(--gold) 30%, var(--line));box-shadow:var(--elev-2);position:relative}.qr-sheet:before{content:"";border:1px solid color-mix(in srgb, var(--gold) 20%, transparent);border-radius:calc(var(--r-md) - 6px);pointer-events:none;position:absolute;inset:9px}.qr-mushaf{word-spacing:.08em;font-size:2.3rem;line-height:2.5}.qr-bismillah{margin-bottom:.2em}.qr-summary{padding:1.4rem 1.6rem}.qr-summary-top{gap:1rem 2.5rem}.qr-dock{bottom:calc(var(--tabbar-h) + 1.25rem);border-color:var(--line-strong);background:color-mix(in srgb, var(--surface-overlay) 94%, transparent);box-shadow:var(--elev-3);gap:.4rem 1rem;padding-block:.65rem;padding-inline:.7rem .9rem}.qr-mic{width:3.6rem;height:3.6rem}}@media (min-width:1200px){.qr-mushaf{font-size:2.45rem}}