@font-face{font-family:"QPC V1 Page 1";src:url(/fonts/qpc-v1/p1.woff2)format("woff2"),url(/fonts/qpc-v1/p1.ttf)format("truetype");font-display:block}@font-face{font-family:"QPC V1 Page 2";src:url(/fonts/qpc-v1/p2.woff2)format("woff2"),url(/fonts/qpc-v1/p2.ttf)format("truetype");font-display:block}@font-face{font-family:"QPC V1 Page 3";src:url(/fonts/qpc-v1/p3.woff2)format("woff2"),url(/fonts/qpc-v1/p3.ttf)format("truetype");font-display:block}@font-face{font-family:"QPC V1 Page 48";src:url(/fonts/qpc-v1/p48.woff2)format("woff2"),url(/fonts/qpc-v1/p48.ttf)format("truetype");font-display:block}@font-face{font-family:"QPC V1 Page 100";src:url(/fonts/qpc-v1/p100.woff2)format("woff2"),url(/fonts/qpc-v1/p100.ttf)format("truetype");font-display:block}@font-face{font-family:"QPC V1 Page 586";src:url(/fonts/qpc-v1/p586.woff2)format("woff2"),url(/fonts/qpc-v1/p586.ttf)format("truetype");font-display:block}@font-face{font-family:"QPC V1 Page 604";src:url(/fonts/qpc-v1/p604.woff2)format("woff2"),url(/fonts/qpc-v1/p604.ttf)format("truetype");font-display:block}@font-face{font-family:Surah Name V1;src:url(/fonts/surah-name-v1/surah-name-v1.woff2)format("woff2"),url(/fonts/surah-name-v1/surah-name-v1.ttf)format("truetype");font-display:swap}.qpc-surface-renderer,.qpc-hybrid-compare{width:100%;max-width:min(100%, var(--mushaf-surface-max-width,680px));margin-inline:auto}.qpc-surface-renderer{position:relative}.qpc-surface-renderer--legacy{aspect-ratio:var(--mushaf-page-aspect-ratio)}.qpc-legacy-image-renderer{opacity:var(--legacy-image-opacity,1);position:absolute;inset:0}.qpc-fallback-notice{z-index:35;border:1px solid hsl(var(--border) / .7);border-radius:var(--radius-control);background:hsl(var(--card) / .92);color:hsl(var(--foreground));font-family:var(--font-sans);box-shadow:var(--shadow-soft);pointer-events:auto;gap:.45rem;padding:.65rem .75rem;font-size:.78rem;line-height:1.2rem;display:grid;position:absolute;top:.75rem;left:.75rem;right:.75rem}.qpc-fallback-notice p{margin:0}.qpc-fallback-debug{border-top:1px solid hsl(var(--border) / .6);max-height:9rem;color:hsl(var(--muted-foreground));gap:.25rem;padding-top:.4rem;font-size:.68rem;line-height:.95rem;display:grid;overflow:auto}.qpc-fallback-debug div{grid-template-columns:minmax(6rem,.42fr) minmax(0,1fr);gap:.5rem;display:grid}.qpc-fallback-debug dt{color:hsl(var(--foreground) / .72)}.qpc-fallback-debug dd{overflow-wrap:anywhere;min-width:0;margin:0}.qpc-v1-page{border:1px solid hsl(var(--border) / .78);border-radius:var(--radius-card);background:linear-gradient(180deg, hsl(var(--card) / .98), hsl(var(--background) / .98)), hsl(var(--card));width:100%;box-shadow:var(--shadow-soft);color:hsl(var(--foreground));touch-action:manipulation;direction:rtl;position:relative;overflow:hidden}.qpc-v1-page--no-select,.qpc-v1-page--no-select .qpc-v1-lines,.qpc-v1-page--no-select .qpc-v1-line,.qpc-v1-page--no-select .qpc-v1-line-content,.qpc-v1-page--no-select .qpc-v1-word,.qpc-v1-page--no-select .qpc-v1-basmallah,.qpc-v1-page--no-select .qpc-v1-surah-header{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.qpc-v1-lines,.qpc-v1-line-box-layer{position:absolute;inset:0}.qpc-v1-lines{opacity:var(--qpc-text-opacity,1);z-index:2}.qpc-v1-font-loading-veil{z-index:6;border-radius:var(--radius-card);background:linear-gradient(180deg, hsl(var(--card) / .88), hsl(var(--background) / .88)), hsl(var(--card));color:hsl(var(--muted-foreground));font-family:var(--font-sans);place-items:center;font-size:.82rem;line-height:1.25rem;display:grid;position:absolute;inset:0}.qpc-v1-line{left:var(--qpc-line-left);top:var(--qpc-line-top);width:var(--qpc-line-width);height:var(--qpc-line-height);white-space:nowrap;contain:layout style;justify-content:center;align-items:center;display:flex;position:absolute;transform:translateY(-50%)}.qpc-v1-line-content{align-items:center;justify-content:var(--qpc-line-justify,space-between);gap:var(--qpc-word-gap,.12em);white-space:nowrap;width:100%;line-height:var(--qpc-line-height-scale,1);font-family:var(--qpc-font-family);font-size:calc(var(--qpc-font-size) * var(--qpc-line-fit-scale-x,1));letter-spacing:0;text-rendering:geometricprecision;font-feature-settings:"liga" 1, "calt" 1;--qpc-line-content-shift-y:0em;transform:translateY(var(--qpc-line-content-shift-y,0em)) scale(var(--qpc-text-scale-x,1), var(--qpc-text-scale-y,1));transform-origin:50%;direction:rtl;unicode-bidi:isolate;font-weight:400;display:flex}.qpc-v1-line-content--centered_natural,.qpc-v1-line-content--natural_debug{justify-content:center;gap:max(.05em, calc(var(--qpc-word-gap,.12em) * .78));width:fit-content;max-width:100%;margin-inline:auto}.qpc-v1-line-content--justified_edge_to_edge{justify-content:space-between;width:100%}.qpc-v1-line--centered .qpc-v1-line-content{justify-content:center;width:fit-content;max-width:100%}.qpc-v1-line--surah_name .qpc-v1-line-content{--qpc-line-content-shift-y:var(--surah-header-gap-below,0em);justify-content:center;width:100%}.qpc-v1-line--basmallah[data-prev-line-type=surah_name] .qpc-v1-line-content{--qpc-line-content-shift-y:var(--surah-header-gap-above-basmallah,0em)}.qpc-v1-line--ayah[data-prev-line-type=surah_name] .qpc-v1-line-content{--qpc-line-content-shift-y:var(--surah-header-gap-above-first-line,0em)}.qpc-v1-line--ayah[data-prev-line-type=basmallah] .qpc-v1-line-content{--qpc-line-content-shift-y:var(--basmallah-to-ayah-gap,0em)}.qpc-v1-line--surah_name[data-prev-line-type=ayah] .qpc-v1-line-content,.qpc-v1-line--surah_name[data-prev-line-type=basmallah] .qpc-v1-line-content{--qpc-line-content-shift-y:var(--gap-previous-ayah-to-header,calc(var(--surah-header-gap-below,0em) - var(--multi-surah-block-gap,0em)))}.qpc-v1-page[data-vertical-layout-mode=auto_distributed_content] .qpc-v1-line--basmallah[data-prev-line-type=surah_name] .qpc-v1-line-content,.qpc-v1-page[data-vertical-layout-mode=auto_distributed_content] .qpc-v1-line--ayah[data-prev-line-type=surah_name] .qpc-v1-line-content,.qpc-v1-page[data-vertical-layout-mode=auto_distributed_content] .qpc-v1-line--ayah[data-prev-line-type=basmallah] .qpc-v1-line-content{--qpc-line-content-shift-y:0em}.qpc-v1-page[data-vertical-layout-mode=auto_distributed_content] .qpc-v1-line--surah_name[data-prev-line-type=ayah] .qpc-v1-line-content,.qpc-v1-page[data-vertical-layout-mode=auto_distributed_content] .qpc-v1-line--surah_name[data-prev-line-type=basmallah] .qpc-v1-line-content{--qpc-line-content-shift-y:var(--surah-header-gap-below,0em)}.qpc-v1-word{white-space:nowrap;cursor:pointer;transition:color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out), opacity var(--motion-fast) var(--ease-out);direction:rtl;unicode-bidi:isolate;border-radius:.22em;flex:none;line-height:1;display:inline-block;position:relative}.qpc-v1-ayah-text,.qpc-v1-word.font-qpc-v1-page,.font-qpc-v1-page{font-family:var(--qpc-font-family)!important}.qpc-v1-word:hover{color:hsl(var(--foreground))}.qpc-v1-word.is-ayah-hovered,.qpc-v1-word.is-ayah-selected{background:0 0}.qpc-v1-page--show-ayah-boxes .qpc-v1-word[data-ayah-key]{outline:1px solid hsl(var(--accent) / .24);outline-offset:.08em}.qpc-v1-page--show-page-bounds:after{content:"";z-index:78;border:1px solid hsl(var(--destructive) / .65);pointer-events:none;position:absolute;inset:0}.qpc-v1-regular-line-bounds{inset-block:0;left:var(--qpc-regular-line-left,calc(37 / 456 * 100%));width:var(--qpc-regular-line-width,calc((419 - 37) / 456 * 100%));z-index:77;pointer-events:none;background:#1a9e4a09;border-inline:1px solid #1a9e4ab8;position:absolute}.qpc-v1-page--show-surah-header-bounds .qpc-v1-surah-header{outline:1px solid hsl(var(--accent) / .72);outline-offset:.04em}.qpc-v1-page--show-surah-header-bounds .qpc-v1-surah-header-frame{text-shadow:0 0 0 hsl(var(--destructive)), 0 0 .18em hsl(var(--destructive) / .38)}.qpc-v1-page--show-surah-header-bounds .qpc-v1-surah-header-inner{outline-offset:.05em;outline:1px dashed #facc14d1}.qpc-v1-page--show-surah-header-bounds .qpc-v1-surah-header-name,.qpc-v1-page--show-surah-header-bounds .qpc-v1-surah-header-prefix{box-shadow:0 0 0 1px #3c83f6c7}.qpc-v1-page--show-surah-title-bounds .qpc-v1-surah-header-name{outline-offset:.05em;background:#3c83f60f;outline:1px solid #3c83f6e6}.qpc-v1-page--show-measured-gaps .qpc-v1-line--surah_name{box-shadow:0 -1px #f59f0a99,0 1px #f59f0a99}.qpc-v1-centered-text{text-overflow:ellipsis;white-space:nowrap;text-align:center;letter-spacing:0;max-width:100%;display:inline-block;overflow:hidden}.qpc-v1-surah-name,.qpc-v1-surah-header{min-width:min(var(--surah-header-max-width,72%), 40rem);max-width:var(--surah-header-safe-max-width,100%);min-height:var(--surah-header-height,1.72em);padding:var(--surah-header-padding-block-start,.05em) var(--surah-header-padding-inline,1em) var(--surah-header-padding-block-end,.05em);font-size:var(--qpc-heading-font-size);color:hsl(var(--primary));transform:scale(var(--surah-header-scale,1));transform-origin:50%;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:visible}.qpc-v1-surah-name-ligature,.qpc-v1-surah-header-name{font-size:calc(var(--surah-header-title-size,.88em) * var(--surah-header-title-scale,1));line-height:var(--surah-header-title-line-height,1);transform:translateY(var(--surah-header-title-offset-y,0em));font-feature-settings:"liga" 1, "calt" 1;display:inline-block}.qpc-v1-surah-header-name.font-surah-name-v1,.qpc-v1-surah-name-ligature{font-family:var(--font-surah-name-v1), var(--qpc-font-family), serif}.qpc-v1-surah-header-name.font-surah-name-v2{font-family:var(--font-surah-name-v2), var(--qpc-font-family), serif}.qpc-v1-surah-header-name.font-surah-name-v4,.qpc-v1-surah-header-prefix.font-surah-name-v4{font-family:var(--font-surah-name-v4), var(--font-surah-name-v2), serif}.qpc-v1-surah-header--decorative_frame_plus_v4_icon_plus_v4_name,.qpc-v1-surah-header--decorative_frame_plus_v4_icon_plus_v1_name,.qpc-v1-surah-header--decorative_frame_plus_v4_icon_plus_v2_name,.qpc-v1-surah-header--decorative_frame_plus_v4_full_title,.qpc-v1-surah-header--decorative_frame_plus_v2_full_title,.qpc-v1-surah-header--decorative_frame_plus_name_with_small_qpc_hafs_prefix,.qpc-v1-surah-header--decorative_frame_plus_name_only{width:var(--surah-header-safe-max-width,-moz-fit-content);width:var(--surah-header-safe-max-width,fit-content);flex:0 0 var(--surah-header-safe-max-width,fit-content);min-width:min(var(--surah-header-min-width,48%), var(--surah-header-safe-max-width,70%));max-width:var(--surah-header-safe-max-width,70%);min-height:var(--surah-header-height,1.94em);height:var(--surah-header-height,auto);padding-inline:var(--surah-header-padding-inline,3.4em)}.qpc-v1-surah-header-frame{z-index:0;transform:translate(-50%, calc(-50% + var(--surah-header-frame-offset-y,0em))) scaleX(var(--surah-header-frame-scale-x-safe,var(--surah-header-frame-scale-x,1.08)));font-family:var(--font-quran-common);font-size:calc(var(--qpc-heading-font-size) * var(--surah-header-frame-scale,1.7));color:hsl(var(--primary) / .84);opacity:var(--surah-header-frame-opacity,.92);font-feature-settings:"liga" 1, "calt" 1;pointer-events:none;line-height:1;position:absolute;top:50%;left:50%}.qpc-v1-surah-header-inner{z-index:1;justify-content:center;align-items:center;gap:clamp(.12em, calc(var(--surah-header-side-ornament-width,3em) * .05), .24em);max-width:100%;color:hsl(var(--primary));white-space:nowrap;line-height:1;display:inline-flex;position:relative}.qpc-v1-surah-header--decorative_frame_plus_v4_icon_plus_v4_name .qpc-v1-surah-header-inner,.qpc-v1-surah-header--decorative_frame_plus_v4_icon_plus_v1_name .qpc-v1-surah-header-inner,.qpc-v1-surah-header--decorative_frame_plus_v4_icon_plus_v2_name .qpc-v1-surah-header-inner,.qpc-v1-surah-header--decorative_frame_plus_v4_full_title .qpc-v1-surah-header-inner,.qpc-v1-surah-header--decorative_frame_plus_v2_full_title .qpc-v1-surah-header-inner,.qpc-v1-surah-header--decorative_frame_plus_name_with_small_qpc_hafs_prefix .qpc-v1-surah-header-inner,.qpc-v1-surah-header--decorative_frame_plus_name_only .qpc-v1-surah-header-inner{min-width:min(7.2em, var(--surah-header-inner-width,62%));max-width:min(var(--surah-header-inner-width,62%), 100%);transform:translateY(.01em)}.qpc-v1-surah-header--v2_full_title_with_css_frame,.qpc-v1-surah-header--v1_name_with_css_frame,.qpc-v1-surah-header--metadata_frame_fallback{border-radius:var(--radius-control);border:1px solid hsl(var(--primary) / .16);background:linear-gradient(90deg, transparent, hsl(var(--primary) / .035), transparent), hsl(var(--sand) / .2);min-width:min(74%,20rem);box-shadow:0 0 0 1px hsl(var(--background) / .45) inset}.qpc-v1-surah-header-prefix{color:hsl(var(--primary) / .7);font-size:var(--surah-header-icon-size,.46em);transform:translateY(var(--surah-header-title-offset-y,0em));letter-spacing:0;font-feature-settings:"liga" 1, "calt" 1;line-height:1}.qpc-v1-surah-header--decorative_frame_plus_v4_icon_plus_v4_name .qpc-v1-surah-header-prefix,.qpc-v1-surah-header--decorative_frame_plus_v4_icon_plus_v1_name .qpc-v1-surah-header-prefix,.qpc-v1-surah-header--decorative_frame_plus_v4_icon_plus_v2_name .qpc-v1-surah-header-prefix,.qpc-v1-surah-header--decorative_frame_plus_name_with_small_qpc_hafs_prefix .qpc-v1-surah-header-prefix{opacity:.78;transform:translateY(calc(var(--surah-header-title-offset-y,0em) - .025em))}.qpc-v1-surah-header--decorative_frame_plus_v4_icon_plus_v4_name .qpc-v1-surah-header-name.font-surah-name-v4{font-size:calc(.8em * var(--surah-header-title-scale,1))}.qpc-v1-surah-header--decorative_frame_plus_v4_icon_plus_v1_name .qpc-v1-surah-header-name.font-surah-name-v1,.qpc-v1-surah-header--decorative_frame_plus_name_with_small_qpc_hafs_prefix .qpc-v1-surah-header-name.font-surah-name-v1,.qpc-v1-surah-header--decorative_frame_plus_name_only .qpc-v1-surah-header-name.font-surah-name-v1,.qpc-v1-surah-header--v1_name_with_css_frame .qpc-v1-surah-header-name.font-surah-name-v1{font-size:calc(var(--surah-header-title-size,.9em) * var(--surah-header-title-scale,1))}.qpc-v1-surah-header--decorative_frame_plus_v4_icon_plus_v2_name .qpc-v1-surah-header-name.font-surah-name-v2{font-size:calc(.7em * var(--surah-header-title-scale,1))}.qpc-v1-surah-header--decorative_frame_plus_v2_full_title .qpc-v1-surah-header-inner,.qpc-v1-surah-header--decorative_frame_plus_v4_full_title .qpc-v1-surah-header-inner{max-width:min(96%, calc(var(--surah-header-inner-width,78%) + 6%))}.qpc-v1-surah-header--decorative_frame_plus_v2_full_title .qpc-v1-surah-header-name.font-surah-name-v2,.qpc-v1-surah-header--decorative_frame_plus_v4_full_title .qpc-v1-surah-header-name.font-surah-name-v4{font-size:calc(var(--surah-header-title-size,.9em) * var(--surah-header-title-scale,1))}.qpc-v1-page[data-surah-header-style=current]{--surah-header-max-width:64%;--surah-header-safe-max-width:64%;--surah-header-inner-width:58%;--surah-header-padding-inline:1.9em;--surah-header-frame-scale-x:1.01;--surah-header-frame-scale:1.38;--surah-header-title-scale:1}.qpc-v1-page[data-surah-header-style=frame_plus_name_v1] .qpc-v1-surah-header--decorative_frame_plus_v2_full_title .qpc-v1-surah-header-name.font-surah-name-v2{font-size:calc(.7em * var(--surah-header-title-scale,1))}.qpc-v1-page[data-surah-header-style=frame_plus_full_title_compact]{--surah-header-inner-width:64%;--surah-header-title-scale:.86;--surah-header-frame-scale-x:1.12}.qpc-v1-page[data-surah-header-style=frame_plus_name_without_surah_prefix] .qpc-v1-surah-header-prefix,.qpc-v1-page[data-surah-word-mode=without_surah_word] .qpc-v1-surah-header-prefix{display:none}.qpc-v1-page[data-surah-word-mode=with_surah_word] .qpc-v1-surah-header-prefix{display:inline-block}.qpc-v1-surah-header--v2_full_title_with_css_frame .qpc-v1-surah-header-name.font-surah-name-v2{font-size:.82em}.qpc-v1-surah-header--metadata_frame_fallback .qpc-v1-surah-header-inner{font-family:var(--font-qpc-hafs), "Noto Naskh Arabic", "Amiri", serif;justify-items:center;gap:.04em;display:inline-grid}.qpc-v1-surah-header--metadata_frame_fallback .qpc-v1-surah-header-name{font-size:.88em}.qpc-v1-surah-name-secondary,.qpc-v1-surah-header-secondary{font-family:var(--font-sans);color:hsl(var(--muted-foreground));direction:ltr;font-size:.34em;line-height:1.1}.qpc-v1-basmallah{font-size:var(--qpc-basmallah-font-size);line-height:var(--basmallah-line-height,1);transform:translateY(var(--basmallah-offset-y,0em)) scale(var(--basmallah-scale,1));transform-origin:50%;color:hsl(var(--primary));font-feature-settings:"liga" 1, "calt" 1}.qpc-v1-basmallah.font-quran-common{font-family:var(--font-quran-common), var(--font-qpc-hafs), serif}.qpc-v1-basmallah.font-qpc-hafs,.qpc-v1-basmallah--fallback{font-family:var(--font-qpc-hafs), "Noto Naskh Arabic", "Amiri", serif}.qpc-v1-inline-debug{border-radius:var(--radius-chip);background:hsl(var(--accent) / .14);color:hsl(var(--accent));font-family:var(--font-sans);vertical-align:middle;margin-inline-start:.35rem;padding:.05rem .25rem;font-size:.58rem}.qpc-v1-ayah-highlight-layer{z-index:1;pointer-events:none;position:absolute;inset:0}.qpc-v1-ayah-highlight-band{border-radius:var(--ayah-highlight-border-radius,.32em);border:1px solid var(--ayah-highlight-border);background:var(--ayah-highlight-bg);opacity:var(--ayah-highlight-opacity,.62);position:absolute}.qpc-v1-ayah-highlight-band.is-selected{border-color:hsl(var(--emerald) / .28);background:hsl(var(--emerald) / .12);opacity:var(--ayah-highlight-selected-opacity,.74)}.qpc-v1-word-hover-underline{z-index:4;background:var(--word-hover-underline);pointer-events:none;opacity:.82;border-radius:999px;height:max(1px,.08em);position:absolute;transform:translateY(-50%)}.qpc-v1-line-debug-label{z-index:8;border-radius:var(--radius-chip);background:hsl(var(--card) / .86);color:hsl(var(--muted-foreground));padding:.05rem .3rem;font-size:.62rem;line-height:1rem;position:absolute;top:0;left:0}.qpc-v1-line-box-layer,.qpc-v1-word-box-layer{pointer-events:none;z-index:5}.qpc-v1-word-box-layer{position:absolute;inset:0}.qpc-v1-slot-grid-layer{z-index:76;pointer-events:none;font-family:var(--font-sans);direction:ltr;position:absolute;inset:0}.qpc-v1-vertical-content-band{left:0;right:0;top:var(--qpc-vertical-band-top);height:var(--qpc-vertical-band-height);background:#09a8ec09;border-block:1px solid #09a8ecc2;position:absolute}.qpc-v1-vertical-content-band:before,.qpc-v1-vertical-content-band:after,.qpc-v1-slot-grid-row:after{border-radius:var(--radius-chip);background:hsl(var(--card) / .9);color:hsl(var(--muted-foreground));white-space:nowrap;padding:.05rem .22rem;font-size:.56rem;line-height:.78rem;position:absolute;left:.35rem}.qpc-v1-vertical-content-band:before{content:attr(data-band-top-label);top:-.85rem}.qpc-v1-vertical-content-band:after{content:attr(data-band-bottom-label);bottom:-.85rem}.qpc-v1-slot-grid-row{border-block-start:1px dashed #09a8ec47;position:absolute;left:0;right:0}.qpc-v1-slot-grid-row:last-child{border-block-end:1px dashed #09a8ec47}.qpc-v1-slot-grid-row:after{content:attr(data-slot-label);opacity:.82;top:.08rem}.qpc-v1-line-box,.qpc-v1-word-box{position:absolute}.qpc-v1-line-box{border:1px solid hsl(var(--cyan) / .72);background:hsl(var(--cyan) / .08);box-shadow:0 0 0 1px hsl(var(--background) / .35) inset}.qpc-v1-line-content-box{box-shadow:0 0 0 1px hsl(var(--background) / .28) inset;background:#b239ef13;border:1px solid #b239efd1;position:absolute}.qpc-v1-line-content-box:after{content:attr(data-line-label);inset-inline-start:0;z-index:1;background:hsl(var(--background) / .92);max-width:24rem;color:hsl(var(--foreground));font-family:var(--font-sans);text-overflow:ellipsis;white-space:nowrap;border-radius:3px;padding:.13rem .22rem;font-size:.52rem;line-height:1;position:absolute;top:-1.15rem;overflow:hidden}.qpc-v1-line-content-box[data-line-warning]{background:#db24241a;border-color:#db2424eb}.qpc-v1-line-content-box[data-line-warning]:after{content:attr(data-line-warning) " · " attr(data-line-label);color:#a71b1b}.qpc-v1-word-box{border:1px solid hsl(var(--gold) / .64);background:hsl(var(--gold) / .08)}.qpc-ayah-audio-bar{left:50%;bottom:calc(var(--safe-bottom,env(safe-area-inset-bottom,0px)) + var(--mobile-nav-height,76px) + var(--mobile-bottom-gap,12px) + .5rem);z-index:1000;width:min(48.75rem,100vw - 1.5rem);max-width:calc(100vw - 1.5rem);color:hsl(var(--foreground));font-family:var(--font-sans);pointer-events:none;direction:ltr;position:fixed;transform:translate(-50%)}.qpc-ayah-audio-bar-main{border:1px solid hsl(var(--border) / .82);border-radius:var(--radius-panel);background:linear-gradient(180deg, hsl(var(--card) / .97), hsl(var(--card) / .91)), hsl(var(--card));min-height:5rem;box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;grid-template-columns:2.75rem minmax(7rem,.8fr) minmax(8rem,1.4fr) auto 2.75rem 2.75rem 2.75rem;align-items:center;gap:.65rem;padding:.72rem .85rem;display:grid}.qpc-ayah-audio-label{gap:.12rem;min-width:0;font-size:.78rem;line-height:1.1rem;display:grid}.qpc-ayah-audio-label strong{color:hsl(var(--foreground));text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.qpc-ayah-audio-label span{color:hsl(var(--muted-foreground));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.qpc-ayah-audio-label span.is-error{color:hsl(var(--danger))}.qpc-ayah-audio-icon-button{border:1px solid hsl(var(--border) / .72);border-radius:var(--radius-control);background:hsl(var(--muted) / .58);min-width:2.75rem;min-height:2.75rem;color:hsl(var(--foreground));transition:transform var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), background var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);place-items:center;display:inline-grid}.qpc-ayah-audio-icon-button:hover,.qpc-ayah-audio-icon-button:focus-visible{border-color:hsl(var(--emerald) / .52);background:hsl(var(--emerald) / .12);color:hsl(var(--foreground))}.qpc-ayah-audio-icon-button:active{transform:scale(.97)}.qpc-ayah-audio-icon-button:disabled{cursor:wait;opacity:.68}.qpc-ayah-audio-icon-button.is-active{border-color:hsl(var(--emerald) / .58);background:hsl(var(--emerald));color:hsl(var(--emerald-foreground))}.qpc-ayah-audio-play{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.qpc-ayah-audio-progress{align-items:center;min-width:0;display:flex}.qpc-ayah-audio-progress input[type=range]{cursor:pointer;width:100%;min-height:2.75rem;accent-color:hsl(var(--emerald))}.qpc-ayah-audio-progress input[type=range]:disabled{cursor:default;opacity:.48}.qpc-ayah-audio-time{min-width:5.8rem;color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;font-size:.8rem}.qpc-ayah-translation-popover{left:50%;bottom:calc(var(--safe-bottom,env(safe-area-inset-bottom,0px)) + var(--mobile-nav-height,76px) + var(--mobile-bottom-gap,12px) + 6.1rem);z-index:1002;border:1px solid hsl(var(--border) / .82);background:linear-gradient(180deg, hsl(var(--card) / .98), hsl(var(--card) / .94)), hsl(var(--card));width:min(32rem,100vw - 1rem);max-width:calc(100vw - 1rem);max-height:min(52dvh,24rem);box-shadow:var(--shadow-panel);color:hsl(var(--foreground));font-family:var(--font-sans);pointer-events:auto;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;flex-direction:column;display:flex;position:fixed;overflow:hidden;transform:translate(-50%)}.qpc-ayah-translation-popover-header{border-bottom:1px solid hsl(var(--border) / .64);justify-content:space-between;align-items:center;gap:.75rem;padding:.72rem .82rem;display:flex}.qpc-ayah-translation-popover-header div{gap:.1rem;min-width:0;display:grid}.qpc-ayah-translation-popover-header span{color:hsl(var(--muted-foreground));font-size:.7rem;line-height:1rem}.qpc-ayah-translation-popover-header strong{color:hsl(var(--foreground));text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;line-height:1.18rem;overflow:hidden}.qpc-ayah-translation-expand{border:1px solid hsl(var(--emerald) / .38);border-radius:var(--radius-control);background:hsl(var(--emerald) / .12);min-height:2.25rem;color:hsl(var(--foreground));flex:none;align-items:center;gap:.42rem;padding:0 .7rem;font-size:.78rem;font-weight:700;display:inline-flex}.qpc-ayah-translation-popover-scroll{overscroll-behavior-y:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;gap:.7rem;min-height:0;padding:.78rem .82rem .9rem;display:grid;overflow-y:auto}.qpc-ayah-translation-popover-section{border:1px solid hsl(var(--border) / .58);border-radius:var(--radius-control);background:hsl(var(--background) / .62);gap:.35rem;padding:.7rem;display:grid}.qpc-ayah-translation-popover-section h3{color:hsl(var(--foreground));margin:0;font-size:.82rem;line-height:1.15rem}.qpc-ayah-translation-popover-section p{color:hsl(var(--muted-foreground));white-space:pre-wrap;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.42rem;display:-webkit-box;overflow:hidden}.qpc-ayah-translation-popover-state{min-height:4.5rem;color:hsl(var(--muted-foreground));align-items:center;gap:.5rem;font-size:.84rem;display:flex}.qpc-ayah-translation-popover-state.is-error{color:hsl(var(--danger))}.qpc-ayah-translation-preview{left:50%;bottom:calc(var(--safe-bottom,env(safe-area-inset-bottom,0px)) + var(--mobile-nav-height,76px) + var(--mobile-bottom-gap,12px) + 9.75rem);z-index:999;border:1px solid hsl(var(--border) / .78);background:linear-gradient(180deg, hsl(var(--card) / .97), hsl(var(--card) / .91)), hsl(var(--card));width:min(30rem,100vw - 1.5rem);max-width:calc(100vw - 1.5rem);box-shadow:var(--shadow-panel);color:hsl(var(--foreground));font-family:var(--font-sans);pointer-events:auto;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid;position:fixed;overflow:hidden;transform:translate(-50%)}.qpc-ayah-translation-preview-main{min-width:0;color:inherit;text-align:start;background:0 0;border:0;gap:.18rem;padding:.68rem .78rem;display:grid}.qpc-ayah-translation-preview-main strong{color:hsl(var(--foreground));font-size:.82rem;line-height:1.15rem}.qpc-ayah-translation-preview-main span:not(.is-error){color:hsl(var(--muted-foreground));-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.25rem;display:-webkit-box;overflow:hidden}.qpc-ayah-translation-preview-main span.is-error{color:hsl(var(--danger));font-size:.82rem;line-height:1.25rem}.qpc-ayah-translation-preview-actions{border-inline-start:1px solid hsl(var(--border) / .62);min-width:4.1rem;color:hsl(var(--emerald));place-items:center;font-size:.72rem;display:grid}.qpc-ayah-preview-open{border-radius:var(--radius-control);min-width:4.1rem;min-height:2.5rem;color:hsl(var(--emerald));font:inherit;background:0 0;border:0;place-items:center;font-weight:700;display:inline-grid}.qpc-ayah-preview-open:hover,.qpc-ayah-preview-open:focus-visible{background:hsl(var(--emerald) / .12);color:hsl(var(--foreground))}.qpc-ayah-preview-collapse{border-radius:var(--radius-control);min-width:2.5rem;min-height:2.5rem;color:hsl(var(--muted-foreground));background:0 0;border:0;place-items:center;display:inline-grid}.qpc-ayah-preview-collapse:hover,.qpc-ayah-preview-collapse:focus-visible{background:hsl(var(--muted) / .72);color:hsl(var(--foreground))}.qpc-ayah-content-backdrop{z-index:1005;background:hsl(var(--background) / .28);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;border:0;position:fixed;inset:0}.qpc-ayah-content-sheet{z-index:1010;border:1px solid hsl(var(--border) / .82);background:hsl(var(--card));width:min(100vw,44rem);max-height:min(92dvh,100dvh - 1rem);box-shadow:var(--shadow-panel);color:hsl(var(--foreground));font-family:var(--font-sans);border-bottom:0;border-radius:24px 24px 0 0;flex-direction:column;display:flex;position:fixed;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.qpc-ayah-content-sheet:focus{outline:none}.qpc-ayah-content-sheet .qpc-ayah-content-panel-inner{max-height:min(92dvh,100dvh - 1rem)}.qpc-ayah-content-sheet .qpc-ayah-content-scroll{max-height:calc(min(92dvh,100dvh - 1rem) - 4.7rem)}.qpc-ayah-content-side-panel{top:calc(var(--topbar-height,72px) + 1rem);z-index:995;border:1px solid hsl(var(--border) / .82);border-radius:var(--radius-panel);background:linear-gradient(180deg, hsl(var(--card) / .98), hsl(var(--card) / .94)), hsl(var(--card));width:min(26rem,100vw - 2rem);box-shadow:var(--shadow-panel);color:hsl(var(--foreground));font-family:var(--font-sans);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:none;position:fixed;bottom:7.25rem;right:1rem;overflow:hidden}.qpc-ayah-content-panel-inner{flex-direction:column;height:100%;min-height:0;display:flex}.qpc-ayah-content-header{border-bottom:1px solid hsl(var(--border) / .68);justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.qpc-ayah-content-header span{color:hsl(var(--muted-foreground));font-size:.72rem;line-height:1rem}.qpc-ayah-content-header h2{color:hsl(var(--foreground));margin:0;font-size:1.1rem;line-height:1.35rem}.qpc-ayah-content-header-actions{gap:.35rem;display:inline-flex}.qpc-ayah-content-header-actions button,.qpc-ayah-content-copy-icon{border:1px solid hsl(var(--border) / .72);border-radius:var(--radius-control);background:hsl(var(--muted) / .56);min-width:2.5rem;min-height:2.5rem;color:hsl(var(--foreground));justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.qpc-ayah-content-header-actions button:disabled{cursor:not-allowed;opacity:.42}.qpc-ayah-content-header-actions button:hover:not(:disabled),.qpc-ayah-content-header-actions button:focus-visible:not(:disabled),.qpc-ayah-content-copy-icon:hover,.qpc-ayah-content-copy-icon:focus-visible{border-color:hsl(var(--emerald) / .52);background:hsl(var(--emerald) / .12)}.qpc-ayah-content-toast{border:1px solid hsl(var(--border) / .64);border-radius:var(--radius-control);background:hsl(var(--muted) / .5);width:calc(100% - 2rem);min-height:2.4rem;color:hsl(var(--foreground));align-items:center;gap:.45rem;margin:.7rem 1rem 0;padding:.45rem .65rem;font-size:.82rem;display:inline-flex}.qpc-ayah-content-toast.is-success{border-color:hsl(var(--emerald) / .45);background:hsl(var(--emerald) / .12)}.qpc-ayah-content-toast.is-error{border-color:hsl(var(--danger) / .45);background:hsl(var(--danger) / .1);color:hsl(var(--danger))}.qpc-ayah-content-scroll{overscroll-behavior-y:contain;min-height:0;padding:1rem 1rem calc(var(--safe-bottom,env(safe-area-inset-bottom,0px)) + 1.5rem);scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;flex:auto;gap:1rem;display:grid;overflow-y:auto}.qpc-ayah-content-copy-icon{flex:none;align-self:start}.qpc-ayah-content-copy-icon.is-success{border-color:hsl(var(--emerald) / .58);background:hsl(var(--emerald));color:hsl(var(--emerald-foreground))}.qpc-ayah-content-copy-icon.is-error{border-color:hsl(var(--danger) / .5);background:hsl(var(--danger) / .12);color:hsl(var(--danger))}.qpc-ayah-content-section{border:1px solid hsl(var(--border) / .7);border-radius:var(--radius-card);background:hsl(var(--card) / .54);gap:.75rem;padding:.85rem;display:grid}.qpc-ayah-content-section-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.qpc-ayah-content-section-header div{gap:.2rem;min-width:0;display:grid}.qpc-ayah-content-section-header h3{color:hsl(var(--foreground));margin:0;font-size:.98rem;line-height:1.28rem}.qpc-ayah-content-section-header small{background:hsl(var(--muted) / .62);width:fit-content;max-width:100%;color:hsl(var(--muted-foreground));border-radius:999px;align-items:center;padding:.1rem .45rem;font-size:.74rem;line-height:1.05rem;display:inline-flex}.qpc-ayah-content-section-text{color:hsl(var(--foreground) / .9);white-space:pre-wrap;word-break:normal;unicode-bidi:plaintext;margin:0;font-size:.92rem;line-height:1.65rem}.qpc-ayah-content-section-text--arabic{border-radius:var(--radius-control);background:hsl(var(--muted) / .38);color:hsl(var(--foreground));font-family:var(--font-qpc-hafs), "Noto Naskh Arabic", "Amiri", serif;text-align:right;unicode-bidi:isolate;padding:.85rem;font-size:1.55rem;line-height:2.65rem}.qpc-ayah-content-state{color:hsl(var(--muted-foreground));align-items:center;gap:.55rem;padding:1rem;font-size:.9rem;display:flex}.qpc-ayah-content-state.is-error{color:hsl(var(--danger))}.qpc-v1-font-debug{z-index:12;border-radius:var(--radius-control);border:1px solid hsl(var(--border) / .62);background:hsl(var(--card) / .88);max-width:calc(100% - 1rem);color:hsl(var(--muted-foreground));font-family:var(--font-sans);box-shadow:var(--shadow-soft);flex-wrap:wrap;gap:.25rem;padding:.25rem;font-size:.62rem;line-height:.9rem;display:flex;position:absolute;top:.5rem;left:.5rem}.qpc-v1-font-debug span{border-radius:var(--radius-chip);background:hsl(var(--muted) / .72);padding:.05rem .3rem}.qpc-surface-annotation-layer,.qpc-hybrid-annotation-layer{z-index:20;pointer-events:none;position:absolute;inset:0}.qpc-render-annotation-layer{pointer-events:none;position:absolute;inset:0}.qpc-render-annotation-item{position:absolute;inset:0}.qpc-render-annotation-marker,.qpc-render-annotation-stored{border-radius:4px;min-width:8px;min-height:8px;position:absolute}.qpc-render-annotation-marker{border:1px solid hsl(var(--danger) / .72);background:hsl(var(--danger) / .24);box-shadow:0 0 0 1px hsl(var(--background) / .45) inset}.qpc-render-annotation-marker.is-orange{border-color:hsl(var(--accent) / .76);background:hsl(var(--accent) / .28)}.qpc-render-annotation-marker.is-active-soft{--qpc-error-fill:hsl(var(--danger) / .18);--qpc-error-glow:hsl(var(--danger) / .25);--qpc-error-edge:hsl(var(--danger) / .14);--qpc-error-shadow:hsl(var(--danger) / .16);--qpc-error-inset:hsl(var(--danger) / .09);background:radial-gradient(ellipse at center, var(--qpc-error-glow) 0%, var(--qpc-error-fill) 46%, transparent 88%), linear-gradient(90deg, transparent 0%, var(--qpc-error-fill) 10%, var(--qpc-error-fill) 90%, transparent 100%), linear-gradient(180deg, transparent 0%, var(--qpc-error-fill) 14%, var(--qpc-error-fill) 86%, transparent 100%);box-shadow:0 0 0 1px var(--qpc-error-edge), 0 0 12px var(--qpc-error-shadow), inset 0 0 10px var(--qpc-error-inset);border-color:#0000;border-radius:12px}.qpc-render-annotation-marker.is-orange.is-active-soft{--qpc-error-fill:hsl(var(--accent) / .18);--qpc-error-glow:hsl(var(--accent) / .25);--qpc-error-edge:hsl(var(--accent) / .14);--qpc-error-shadow:hsl(var(--accent) / .16);--qpc-error-inset:hsl(var(--accent) / .09)}.qpc-render-annotation-marker.is-corrected{border-color:hsl(var(--emerald) / .62);background:hsl(var(--emerald) / .2)}.qpc-render-annotation-marker.is-warning:not(.is-active-soft){background:hsl(var(--accent) / .2);border-style:dashed}.qpc-render-annotation-stored{border:1px dashed hsl(var(--foreground) / .42);background:0 0}.qpc-render-annotation-label{text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-chip);background:hsl(var(--popover) / .94);max-width:min(44vw,15rem);color:hsl(var(--popover-foreground));box-shadow:var(--shadow-soft);padding:.125rem .375rem;font-size:.6875rem;line-height:1rem;position:absolute;top:-1.45rem;left:0;overflow:hidden}.qpc-hybrid-toolbar{min-height:44px;color:hsl(var(--muted-foreground));justify-content:space-between;align-items:center;gap:12px;padding:0 2px 10px;font-size:.875rem;display:flex}.qpc-hybrid-opacity{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.qpc-hybrid-opacity input{width:min(34vw,160px);accent-color:hsl(var(--emerald))}.qpc-tuning-range{width:100%;accent-color:hsl(var(--emerald))}.qpc-hybrid-page{border-radius:var(--radius-card);border:1px solid hsl(var(--border) / .78);background:hsl(var(--background));box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.qpc-hybrid-layer{position:absolute;inset:0}.qpc-hybrid-qpc-layer{z-index:10;box-shadow:none;background:0 0;border:0;border-radius:0}.qpc-hybrid-annotation-layer{z-index:30}@media (max-width:640px){.qpc-surface-renderer,.qpc-hybrid-compare{max-width:100%}.qpc-v1-page,.qpc-hybrid-page{border-radius:var(--radius-sm)}.qpc-ayah-audio-bar{width:min(100vw - 1rem,28rem);max-width:calc(100vw - 1rem)}.qpc-ayah-audio-bar-main{border-radius:16px;grid-template-columns:2.25rem minmax(0,1fr) 2.25rem 2.25rem 2.25rem;grid-template-areas:"play label loop content close""progress progress progress time time";gap:.34rem;min-height:4.65rem;padding:.46rem}.qpc-ayah-audio-icon-button{min-width:2.25rem;min-height:2.25rem}.qpc-ayah-audio-icon-button svg{width:1rem;height:1rem}.qpc-ayah-audio-play{grid-area:play}.qpc-ayah-audio-label{grid-area:label;gap:0;font-size:.68rem;line-height:.95rem}.qpc-ayah-audio-label strong{font-size:.74rem;line-height:1rem}.qpc-ayah-audio-label span{font-size:.67rem;line-height:.92rem}.qpc-ayah-audio-progress{grid-area:progress}.qpc-ayah-audio-loop{grid-area:loop}.qpc-ayah-audio-content{grid-area:content}.qpc-ayah-audio-close{grid-area:close}.qpc-ayah-audio-time{text-align:end;grid-area:time;min-width:0;font-size:.68rem;line-height:1rem}.qpc-ayah-audio-progress input[type=range]{min-height:1.7rem}.qpc-ayah-translation-popover{bottom:calc(var(--safe-bottom,env(safe-area-inset-bottom,0px)) + var(--mobile-nav-height,76px) + var(--mobile-bottom-gap,12px) + 6.25rem);border-radius:16px;max-height:min(48dvh,21rem)}.qpc-ayah-translation-popover-header{padding:.58rem .64rem}.qpc-ayah-translation-popover-header strong{font-size:.82rem}.qpc-ayah-translation-expand{min-height:2rem;padding-inline:.58rem;font-size:.72rem}.qpc-ayah-translation-popover-scroll{gap:.55rem;padding:.62rem}.qpc-ayah-translation-popover-section{padding:.58rem}.qpc-ayah-translation-popover-section h3{font-size:.76rem}.qpc-ayah-translation-popover-section p{font-size:.76rem;line-height:1.28rem}}@media (min-width:1024px){.qpc-ayah-audio-bar{bottom:calc(var(--safe-bottom,env(safe-area-inset-bottom,0px)) + 1.5rem);width:min(48.75rem,100vw - 2rem);max-width:calc(100vw - 2rem)}.qpc-ayah-translation-preview,.qpc-ayah-translation-popover,.qpc-ayah-content-backdrop,.qpc-ayah-content-sheet{display:none}.qpc-ayah-content-side-panel{display:block}}body:has(.app-shell[data-mobile-nav=hidden]) .qpc-ayah-audio-bar{bottom:calc(var(--safe-bottom,env(safe-area-inset-bottom,0px)) + .75rem)}.qpc-annotation-debug-layer{z-index:1;pointer-events:none;position:absolute;inset:0}.qpc-annotation-debug-band{color:#059669;background:#10b98114;border:1px dashed #10b981b8;font:600 10px/1 ui-sans-serif,system-ui,sans-serif;position:absolute}.qpc-annotation-debug-band span{inset-inline-start:2px;background:#ffffffd1;border-radius:4px;padding:1px 3px;position:absolute;top:2px}body:has(.app-shell[data-mobile-nav=hidden]) .qpc-ayah-translation-preview{bottom:calc(var(--safe-bottom,env(safe-area-inset-bottom,0px)) + 10rem)}body:has(.app-shell[data-mobile-nav=hidden]) .qpc-ayah-translation-popover{bottom:calc(var(--safe-bottom,env(safe-area-inset-bottom,0px)) + 6.45rem)}@media (max-width:767px){:is(body:has(.app-shell[data-mobile-nav=hidden]):has(.attempt-mobile-toolbar) .qpc-ayah-audio-bar,body:has(.attempt-mobile-toolbar) .qpc-ayah-audio-bar){bottom:calc(var(--safe-bottom,env(safe-area-inset-bottom,0px)) + var(--attempt-mobile-toolbar-stack-height,9.6rem))}:is(body:has(.app-shell[data-mobile-nav=hidden]):has(.attempt-mobile-toolbar) .qpc-ayah-translation-preview,body:has(.attempt-mobile-toolbar) .qpc-ayah-translation-preview){bottom:calc(var(--safe-bottom,env(safe-area-inset-bottom,0px)) + var(--attempt-mobile-translation-preview-clearance,19.1rem))}:is(body:has(.app-shell[data-mobile-nav=hidden]):has(.attempt-mobile-toolbar) .qpc-ayah-translation-popover,body:has(.attempt-mobile-toolbar) .qpc-ayah-translation-popover){bottom:calc(var(--safe-bottom,env(safe-area-inset-bottom,0px)) + var(--attempt-mobile-translation-popover-clearance,14.4rem));max-height:min(42dvh,18rem)}}@media (min-width:1024px){body:has(.app-shell[data-mobile-nav=hidden]) .qpc-ayah-audio-bar{bottom:calc(var(--safe-bottom,env(safe-area-inset-bottom,0px)) + 1.5rem)}}
