:root{--site-navigation-dock-height:64px;--site-navigation-dock-offset:12px;--ordinary-attempt-nav-clearance:0px}.site-navigation-host[data-site-navigation=visible]{--site-navigation-clearance:calc(var(--site-navigation-dock-height) + var(--site-navigation-dock-offset) + 24px + env(safe-area-inset-bottom,0px));padding-bottom:var(--site-navigation-clearance)}.site-nav-viewport{--dock-height:var(--site-navigation-dock-height);--dock-offset:var(--site-navigation-dock-offset);--dock-fade:24px;padding:0 16px calc(var(--dock-offset) + env(safe-area-inset-bottom,0px));isolation:isolate}.site-nav-viewport:before{content:"";position:absolute;inset-inline:0;bottom:0;height:calc(var(--dock-height) + var(--dock-offset) + var(--dock-fade) + env(safe-area-inset-bottom,0px));background:linear-gradient(to bottom,transparent,var(--bg) var(--dock-fade));z-index:-1;pointer-events:none}.site-navigation{grid-template-columns:minmax(0,1fr) 64px;align-items:center;gap:12px;max-width:480px;margin-inline:auto;direction:ltr}.site-navigation,.site-navigation-pill{display:grid;width:100%;height:var(--dock-height)}.site-navigation-pill{min-width:0;position:relative;padding:0 6px;border:1px solid var(--line);border-radius:999px;background:var(--bg-elev);box-shadow:var(--audit-shadow)}[dir=rtl] .site-navigation-pill{direction:rtl}.site-nav-indicator{position:absolute;left:6px;top:7px;width:calc((100% - 12px)/3);height:32px;pointer-events:none;transform:translateX(calc(var(--active-slot,0)*100%));transition:transform .22s ease,opacity .22s ease}.site-nav-indicator:before{content:"";display:block;width:48px;height:32px;margin-inline:auto;border-radius:16px;background:var(--brand);transition:background-color .22s ease}.site-navigation[data-mode=game] .site-nav-indicator:before{background:var(--audit-gold)}.site-navigation-pill[data-has-active=false] .site-nav-indicator{opacity:0}.site-navigation-items{grid-area:1/1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:62px;align-items:start;min-width:0;transition:opacity .22s ease,transform .22s ease,visibility .22s}.site-navigation-items[aria-hidden=true]{pointer-events:none;visibility:hidden;opacity:0;transform:translateY(16px)}.site-navigation-items[aria-hidden=false]{visibility:visible;opacity:1;transform:translateY(0)}.site-nav-item{position:relative;z-index:1;transition:transform .1s ease;touch-action:manipulation;min-width:0;height:62px;min-height:62px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:16px;color:var(--ink-2);padding:0;background:none;text-align:center;font-size:12px;line-height:14px;font-weight:600;text-decoration:none}.site-nav-glyph{display:grid;place-items:center;flex:none;width:48px;height:32px;border-radius:16px}.site-nav-glyph svg{width:20px;height:20px;flex:none;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.site-nav-item>span:last-child{display:block;flex:none;height:14px;line-height:14px;white-space:nowrap;max-width:100%}.site-nav-item[aria-current=page]{color:var(--ink)}.site-nav-item[aria-current=page] .site-nav-glyph{color:var(--brand-ink)}.site-nav-item[aria-current=page] .site-nav-glyph svg{transform:scale(1.08)}.site-nav-item[aria-current=page]>span:last-child{font-weight:700}.site-nav-item:active{transform:scale(.96)}.site-navigation[data-mode=game] .site-nav-item[aria-current=page] .site-nav-glyph{color:var(--bg)}.site-nav-item:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.site-mode-switch{width:64px;height:64px;display:block;flex:none;position:relative;border-radius:50%;perspective:400px;background:hsl(var(--accent));color:hsl(var(--accent-foreground));box-shadow:0 4px 0 color-mix(in srgb,hsl(var(--accent)) 70%,#000);touch-action:manipulation;transition:background-color .22s ease,color .22s ease,transform .1s ease;text-decoration:none}.site-mode-switch[data-mode=game]{background:var(--brand);color:var(--brand-ink);box-shadow:0 4px 0 color-mix(in srgb,var(--brand) 75%,#000)}.site-mode-switch-turn{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .22s ease}.site-mode-switch[data-mode=game] .site-mode-switch-turn{transform:rotateY(180deg)}.site-mode-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:inherit;backface-visibility:hidden;-webkit-backface-visibility:hidden;font-size:12px;line-height:14px;font-weight:700}.site-mode-face svg{width:32px;height:32px;flex:none}.site-mode-face-learn{transform:rotateY(180deg)}.site-mode-switch:active{transform:scale(.96)}.site-mode-face svg{transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.site-mode-switch-desktop{display:none}@keyframes site-navigation-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.site-nav-viewport[data-viewport-adjusted=true] .site-navigation{position:absolute;inset-inline:16px;width:auto;bottom:calc(var(--dock-offset) + env(safe-area-inset-bottom,0px))}.site-navigation-sheet{inset:auto 0 0;margin:0;width:100%;max-width:none;max-height:85dvh;border:1px solid var(--line);border-radius:24px 24px 0 0;background:var(--bg-elev);color:var(--ink);padding:0;box-shadow:var(--audit-shadow)}.site-entry-page{max-width:800px;width:100%;padding:40px 16px;margin-inline:auto;display:grid;gap:24px;justify-items:start;color:var(--ink)}.site-entry-page h1{font-size:34px;font-weight:800;line-height:1.1}.site-entry-page>p{font-size:16px;line-height:1.6;color:var(--ink-2);max-width:60ch}.site-entry-icon{width:44px;height:44px;color:var(--brand)}.site-entry-actions{display:flex;flex-wrap:wrap;gap:12px}.site-entry-actions a{min-height:48px}.site-entry-card{width:100%;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--bg-elev)}.site-entry-card h2{font-size:24px;margin-bottom:12px}.site-entry-card p{color:var(--ink-2)}.site-retry{min-height:44px;padding-inline:12px;text-decoration:underline}@media(min-width:1024px){:root{--site-navigation-dock-offset:16px}.site-navigation{width:378px;max-width:100%}.site-mode-switch-desktop{display:none;min-height:44px;height:44px;width:112px;border-radius:999px}.site-mode-switch-desktop,.site-mode-switch-desktop[data-mode=game]{box-shadow:none;background:transparent}.site-mode-switch-desktop .site-mode-switch-turn{height:40px;top:2px;border-radius:inherit}.site-mode-switch-desktop .site-mode-face{flex-direction:row;gap:8px;font-size:13px;line-height:20px;border-radius:999px}.site-mode-switch-desktop .site-mode-face-play{background:hsl(var(--accent))}.site-mode-switch-desktop .site-mode-face-learn{background:var(--brand)}.site-mode-switch-desktop .site-mode-face svg{width:20px;height:20px}.site-navigation-sheet{inset-block:calc(var(--site-header-height) + 12px) auto;inset-inline:auto max(32px,calc((100vw - 1160px)/2));margin:0;width:360px;max-width:calc(100vw - 64px);max-height:calc(100dvh - var(--site-header-height) - 32px);border-radius:24px}.site-entry-page{padding:64px 32px}.site-entry-page h1{font-size:56px}}@media(prefers-reduced-motion:reduce){.site-mode-switch,.site-mode-switch *,.site-navigation *{animation:none!important;transition:none!important}.site-mode-face,.site-mode-face svg,.site-mode-switch-turn,.site-mode-switch:active,.site-nav-glyph svg,.site-nav-item:active{transform:none!important}.site-nav-item[aria-current=page]>span:last-child{font-size:12px}.site-mode-face{backface-visibility:visible;-webkit-backface-visibility:visible}.site-mode-switch[data-mode=game] .site-mode-face-play,.site-mode-switch[data-mode=main] .site-mode-face-learn{display:none}}.site-account-sheet{inset:auto 0 0;margin:0;width:100%;max-width:100%;max-height:85dvh;border:1px solid var(--line);border-radius:24px 24px 0 0;overscroll-behavior:contain;scroll-padding-block:16px;overflow-y:auto}@media(min-width:1024px){.site-account-sheet{inset:auto;width:320px;max-width:calc(100vw - 24px);border-radius:20px}}.site-account-sheet .audit-sheet-content{padding:16px 16px max(20px,env(safe-area-inset-bottom,0px))}.site-account-sheet .audit-sheet-heading h2{font-size:20px;font-weight:750}.site-account-sheet .audit-sheet-heading .audit-icon-button{min-height:44px;min-width:44px;width:44px;height:44px}.site-account-sheet .site-settings-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr))}.site-account-sheet .audit-button{overflow-wrap:anywhere;min-width:0;padding-inline:12px}:root:has(.site-navigation-host[data-ordinary-attempt-navigation=visible]){--ordinary-attempt-nav-clearance:calc(var(--site-navigation-dock-height) + var(--site-navigation-dock-offset) + 16px - var(--mobile-bottom-gap))}.site-navigation-host[data-ordinary-attempt-navigation=visible],.site-navigation-host[data-ordinary-attempt-navigation=visible] .app-shell-main,.site-navigation-host[data-ordinary-attempt-navigation=visible] .attempt-page{padding-bottom:0}.site-navigation-host[data-ordinary-attempt-navigation=visible] [data-mushaf-page-chrome]{margin-bottom:0}:root:has(.site-navigation-host[data-ordinary-attempt-navigation=visible]) .attempt-bottom-viewport{padding-bottom:calc(env(safe-area-inset-bottom,0px) + var(--mobile-bottom-gap) + var(--ordinary-attempt-nav-clearance))}:root:has(.site-navigation-host[data-ordinary-attempt-navigation=visible]) .attempt-bottom-viewport[data-viewport-adjusted=true] .floating-bottom-island{bottom:calc(env(safe-area-inset-bottom,0px) + var(--mobile-bottom-gap) + var(--ordinary-attempt-nav-clearance))}:root:has(.site-navigation-host[data-ordinary-attempt-navigation=visible]) .attempt-reading-workspace{padding-block-end:calc(var(--attempt-mobile-toolbar-stack-height) + var(--safe-bottom) + var(--mobile-bottom-gap) + 24px + var(--ordinary-attempt-nav-clearance))}:root:has(.site-navigation-host[data-ordinary-attempt-navigation=visible]) .attempt-notice{bottom:calc(var(--attempt-mobile-toolbar-stack-height) + env(safe-area-inset-bottom) + 1rem + var(--ordinary-attempt-nav-clearance))}@media(orientation:landscape) and (min-width:720px) and (max-height:500px){:root:has(.site-navigation-host[data-ordinary-attempt-navigation=visible]) .attempt-mobile-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;width:min(700px,calc(100% - 32px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));max-width:none;min-height:64px;padding:8px;margin-inline:auto;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--bg-elev);box-shadow:var(--shadow-panel);pointer-events:auto}:root:has(.site-navigation-host[data-ordinary-attempt-navigation=visible]) .attempt-bottom-viewport[data-viewport-adjusted=true] .floating-bottom-island{inset-inline:0;margin-inline:auto}:root:has(.site-navigation-host[data-ordinary-attempt-navigation=visible]) .attempt-mobile-toolbar .attempt-mobile-island{width:auto;max-width:none;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}:root:has(.site-navigation-host[data-ordinary-attempt-navigation=visible]) .attempt-mobile-toolbar .attempt-severity-segments{grid-template-columns:repeat(3,minmax(44px,max-content)) 44px;gap:4px;flex:none}:root:has(.site-navigation-host[data-ordinary-attempt-navigation=visible]) .attempt-severity-segments .attempt-mobile-tool-btn{min-height:48px;padding-inline:8px;white-space:nowrap}:root:has(.site-navigation-host[data-ordinary-attempt-navigation=visible]) .attempt-severity-segments>:last-child{grid-column:auto;justify-self:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0}:root:has(.site-navigation-host[data-ordinary-attempt-navigation=visible]) .attempt-mobile-toolbar .attempt-mobile-view-island{display:flex;direction:inherit;align-items:center;justify-content:space-between;gap:4px;border-inline-start:1px solid var(--line);padding-inline-start:8px;flex:1;min-width:0}:root:has(.site-navigation-host[data-ordinary-attempt-navigation=visible]) .attempt-mobile-toolbar .attempt-bottom-actions{direction:inherit}:root:has(.site-navigation-host[data-ordinary-attempt-navigation=visible]) .attempt-mobile-toolbar .attempt-mobile-view-island:only-child{border:0;padding-inline-start:0}:root:has(.site-navigation-host[data-ordinary-attempt-navigation=visible]) .attempt-mobile-toolbar .attempt-mobile-finish-btn{flex-shrink:0;min-height:48px;white-space:nowrap}}@font-face{font-family:FurqanQpcV1;src:url(/fonts/qpc-v1/p1.woff2) format("woff2"),url(/fonts/qpc-v1/p1.ttf) format("truetype");font-display:swap}@font-face{font-family:FurqanQpcHafs;src:url(/fonts/qpc-hafs/qpc-hafs.woff2) format("woff2"),url(/fonts/qpc-hafs/qpc-hafs.ttf) format("truetype");font-display:swap}@font-face{font-family:FurqanSurahNameV1;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}@font-face{font-family:FurqanSurahNameV2;src:url(/fonts/surah-name-v2/surah-name-v2.woff2) format("woff2"),url(/fonts/surah-name-v2/surah-name-v2.woff) format("woff"),url(/fonts/surah-name-v2/surah-name-v2.ttf) format("truetype");font-display:swap}@font-face{font-family:FurqanSurahNameV4;src:url(/fonts/surah-name-v4/surah-name-v4.woff2) format("woff2"),url(/fonts/surah-name-v4/surah-name-v4.woff) format("woff"),url(/fonts/surah-name-v4/surah-name-v4.ttf) format("truetype");font-display:block}@font-face{font-family:FurqanSurahHeader;src:url(/fonts/surah-header/surah-header.woff2) format("woff2"),url(/fonts/surah-header/surah-header.woff) format("woff"),url(/fonts/surah-header/surah-header.ttf) format("truetype");font-display:swap}@font-face{font-family:FurqanQuranCommon;src:url(/fonts/quran-common/quran-common.woff2) format("woff2"),url(/fonts/quran-common/quran-common.woff) format("woff"),url(/fonts/quran-common/quran-common.ttf) format("truetype");font-display:swap}:root{--font-qpc-v1:"FurqanQpcV1",serif;--font-qpc-hafs:"FurqanQpcHafs","Noto Naskh Arabic","Amiri",serif;--font-surah-name-v1:"FurqanSurahNameV1",serif;--font-surah-name-v2:"FurqanSurahNameV2",serif;--font-surah-name-v4:"FurqanSurahNameV4",serif;--font-surah-header:"FurqanSurahHeader",serif;--font-quran-common:"FurqanQuranCommon",serif;--surah-header-scale:1;--surah-header-height:1.72em;--surah-header-frame-opacity:0.92;--surah-header-title-size:0.88em;--surah-header-icon-size:0.46em;--surah-header-max-width:90%;--surah-header-inner-width:68%;--surah-header-side-ornament-width:3em;--surah-header-title-scale:1;--surah-header-padding-inline:3.25em;--surah-header-frame-scale-x:1.16;--surah-header-frame-scale:1.68;--surah-header-gap-below:-0.03em;--surah-header-gap-above-basmallah:0.08em;--surah-header-gap-above-first-line:0.06em;--basmallah-to-ayah-gap:0.06em;--multi-surah-block-gap:0.05em;--ayah-highlight-bg:hsl(var(--accent)/0.11);--ayah-highlight-border:hsl(var(--accent)/0.22);--word-hover-underline:hsl(var(--accent)/0.64)}.font-qpc-v1{font-family:var(--font-qpc-v1)}.font-qpc-hafs{font-family:var(--font-qpc-hafs)}.font-surah-name-v1{font-family:var(--font-surah-name-v1)}.font-surah-name-v2{font-family:var(--font-surah-name-v2)}.font-surah-name-v4{font-family:var(--font-surah-name-v4)}.font-surah-header{font-family:var(--font-surah-header)}.font-quran-common{font-family:var(--font-quran-common)}@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-hybrid-compare,.qpc-surface-renderer{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{position:absolute;inset:0;opacity:var(--legacy-image-opacity,1)}.qpc-fallback-notice{position:absolute;inset-inline:.75rem;top:.75rem;z-index:35;display:grid;gap:.45rem;border:1px solid hsl(var(--border)/.7);border-radius:var(--radius-control);background:hsl(var(--card)/.92);padding:.65rem .75rem;color:hsl(var(--foreground));font-family:var(--font-sans);font-size:.78rem;line-height:1.2rem;box-shadow:var(--shadow-soft);pointer-events:auto}.qpc-fallback-notice p{margin:0}.qpc-fallback-debug{display:grid;max-height:9rem;gap:.25rem;overflow:auto;border-top:1px solid hsl(var(--border)/.6);padding-top:.4rem;color:hsl(var(--muted-foreground));font-size:.68rem;line-height:.95rem}.qpc-fallback-debug div{display:grid;grid-template-columns:minmax(6rem,.42fr) minmax(0,1fr);gap:.5rem}.qpc-fallback-debug dt{color:hsl(var(--foreground)/.72)}.qpc-fallback-debug dd{min-width:0;margin:0;overflow-wrap:anywhere}.qpc-v1-page{position:relative;width:100%;overflow:hidden;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));box-shadow:var(--shadow-soft);color:hsl(var(--foreground));direction:rtl;touch-action:manipulation}.qpc-v1-page--no-select,.qpc-v1-page--no-select .qpc-v1-basmallah,.qpc-v1-page--no-select .qpc-v1-line,.qpc-v1-page--no-select .qpc-v1-line-content,.qpc-v1-page--no-select .qpc-v1-lines,.qpc-v1-page--no-select .qpc-v1-surah-header,.qpc-v1-page--no-select .qpc-v1-word{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.qpc-v1-line-box-layer,.qpc-v1-lines{position:absolute;inset:0}.qpc-v1-lines{opacity:var(--qpc-text-opacity,1);z-index:2}.qpc-v1-font-loading-veil{position:absolute;inset:0;z-index:6;display:grid;place-items:center;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);font-size:.82rem;line-height:1.25rem}.qpc-v1-line{position:absolute;left:var(--qpc-line-left);top:var(--qpc-line-top);width:var(--qpc-line-width);height:var(--qpc-line-height);transform:translateY(-50%);justify-content:center;contain:layout style}.qpc-v1-line,.qpc-v1-line-content{display:flex;align-items:center;white-space:nowrap}.qpc-v1-line-content{width:100%;justify-content:var(--qpc-line-justify,space-between);gap:var(--qpc-word-gap,.12em);line-height:var(--qpc-line-height-scale,1);direction:rtl;unicode-bidi:isolate;font-family:var(--qpc-font-family);font-size:calc(var(--qpc-font-size) * var(--qpc-line-fit-scale-x, 1));font-weight:400;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,0)) scale(var(--qpc-text-scale-x,1),var(--qpc-text-scale-y,1));transform-origin:center}.qpc-v1-line-content--centered_natural,.qpc-v1-line-content--natural_debug{width:fit-content;max-width:100%;margin-inline:auto;justify-content:center;gap:max(.05em,calc(var(--qpc-word-gap, .12em) * .78))}.qpc-v1-line-content--justified_edge_to_edge{width:100%;justify-content:space-between}.qpc-v1-line--centered .qpc-v1-line-content{width:fit-content;max-width:100%;justify-content:center}.qpc-v1-line--surah_name .qpc-v1-line-content{width:100%;justify-content:center;--qpc-line-content-shift-y:var(--surah-header-gap-below,0em)}.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--ayah[data-prev-line-type=basmallah] .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--basmallah[data-prev-line-type=surah_name] .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{display:inline-block;flex:0 0 auto;position:relative;white-space:nowrap;line-height:1;direction:rtl;unicode-bidi:isolate;border-radius:.22em;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)}.font-qpc-v1-page,.qpc-v1-ayah-text,.qpc-v1-word.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:transparent}.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:"";position:absolute;inset:0;z-index:78;border:1px solid hsl(var(--destructive)/.65);pointer-events:none}.qpc-v1-regular-line-bounds{position:absolute;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;border-inline:1px solid hsl(142 72% 36%/.72);background:hsl(142 72% 36%/.035);pointer-events:none}.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:1px dashed hsl(48 96% 53%/.82);outline-offset:.05em}.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 hsl(217 91% 60%/.78)}.qpc-v1-page--show-surah-title-bounds .qpc-v1-surah-header-name{outline:1px solid hsl(217 91% 60%/.9);outline-offset:.05em;background:hsl(217 91% 60%/.06)}.qpc-v1-page--show-measured-gaps .qpc-v1-line--surah_name{box-shadow:0 -1px 0 hsl(38 92% 50%/.6),0 1px 0 hsl(38 92% 50%/.6)}.qpc-v1-centered-text{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;letter-spacing:0}.qpc-v1-surah-header,.qpc-v1-surah-name{position:relative;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);display:inline-flex;align-items:center;justify-content:center;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));overflow:visible;transform:scale(var(--surah-header-scale,1));transform-origin:center}.qpc-v1-surah-header-name,.qpc-v1-surah-name-ligature{display:inline-block;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,0));font-feature-settings:"liga" 1,"calt" 1}.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_name_only,.qpc-v1-surah-header--decorative_frame_plus_name_with_small_qpc_hafs_prefix,.qpc-v1-surah-header--decorative_frame_plus_v2_full_title,.qpc-v1-surah-header--decorative_frame_plus_v4_full_title,.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_icon_plus_v4_name{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{position:absolute;left:50%;top:50%;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));line-height:1;color:hsl(var(--primary)/.84);opacity:var(--surah-header-frame-opacity,.92);font-feature-settings:"liga" 1,"calt" 1;pointer-events:none}.qpc-v1-surah-header-inner{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:clamp(.12em,calc(var(--surah-header-side-ornament-width, 3em) * .05),.24em);max-width:100%;line-height:1;color:hsl(var(--primary));white-space:nowrap}.qpc-v1-surah-header--decorative_frame_plus_name_only .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_v2_full_title .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_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_icon_plus_v4_name .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--metadata_frame_fallback,.qpc-v1-surah-header--v1_name_with_css_frame,.qpc-v1-surah-header--v2_full_title_with_css_frame{min-width:min(74%,20rem);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);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);line-height:1;transform:translateY(var(--surah-header-title-offset-y,0));letter-spacing:0;font-feature-settings:"liga" 1,"calt" 1}.qpc-v1-surah-header--decorative_frame_plus_name_with_small_qpc_hafs_prefix .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_v4_icon_plus_v4_name .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_name_only .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_v4_icon_plus_v1_name .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:0.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{display:inline-grid;justify-items:center;gap:.04em;font-family:var(--font-qpc-hafs),"Noto Naskh Arabic","Amiri",serif}.qpc-v1-surah-header--metadata_frame_fallback .qpc-v1-surah-header-name{font-size:.88em}.qpc-v1-surah-header-secondary,.qpc-v1-surah-name-secondary{direction:ltr;font-family:var(--font-sans);font-size:.34em;line-height:1.1;color:hsl(var(--muted-foreground))}.qpc-v1-basmallah{font-size:var(--qpc-basmallah-font-size);line-height:var(--basmallah-line-height,1);transform:translateY(var(--basmallah-offset-y,0)) scale(var(--basmallah-scale,1));transform-origin:center;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--fallback,.qpc-v1-basmallah.font-qpc-hafs{font-family:var(--font-qpc-hafs),"Noto Naskh Arabic","Amiri",serif}.qpc-v1-inline-debug{margin-inline-start:.35rem;border-radius:var(--radius-chip);background:hsl(var(--accent)/.14);padding:.05rem .25rem;color:hsl(var(--accent));font-family:var(--font-sans);font-size:.58rem;vertical-align:middle}.qpc-v1-ayah-highlight-layer{position:absolute;inset:0;z-index:1;pointer-events:none}.qpc-v1-ayah-highlight-band{position:absolute;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)}.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{position:absolute;z-index:4;height:max(1px,.08em);transform:translateY(-50%);border-radius:999px;background:var(--word-hover-underline);pointer-events:none;opacity:.82}.qpc-v1-line-debug-label{position:absolute;left:0;top:0;z-index:8;border-radius:var(--radius-chip);background:hsl(var(--card)/.86);padding:.05rem .3rem;color:hsl(var(--muted-foreground));font-size:.62rem;line-height:1rem}.qpc-v1-line-box-layer,.qpc-v1-word-box-layer{pointer-events:none;z-index:5}.qpc-v1-slot-grid-layer,.qpc-v1-word-box-layer{position:absolute;inset:0}.qpc-v1-slot-grid-layer{z-index:76;pointer-events:none;direction:ltr;font-family:var(--font-sans)}.qpc-v1-vertical-content-band{position:absolute;left:0;right:0;top:var(--qpc-vertical-band-top);height:var(--qpc-vertical-band-height);border-block:1px solid hsl(198 93% 48%/.76);background:hsl(198 93% 48%/.035)}.qpc-v1-slot-grid-row:after,.qpc-v1-vertical-content-band:after,.qpc-v1-vertical-content-band:before{position:absolute;left:.35rem;border-radius:var(--radius-chip);background:hsl(var(--card)/.9);padding:.05rem .22rem;color:hsl(var(--muted-foreground));font-size:.56rem;line-height:.78rem;white-space:nowrap}.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{position:absolute;left:0;right:0;border-block-start:1px dashed hsl(198 93% 48%/.28)}.qpc-v1-slot-grid-row:last-child{border-block-end:1px dashed hsl(198 93% 48%/.28)}.qpc-v1-slot-grid-row:after{content:attr(data-slot-label);top:.08rem;opacity:.82}.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{position:absolute;border:1px solid hsl(280 85% 58%/.82);background:hsl(280 85% 58%/.075);box-shadow:0 0 0 1px hsl(var(--background)/.28) inset}.qpc-v1-line-content-box:after{content:attr(data-line-label);position:absolute;inset-inline-start:0;top:-1.15rem;z-index:1;max-width:24rem;overflow:hidden;border-radius:3px;background:hsl(var(--background)/.92);color:hsl(var(--foreground));font-family:var(--font-sans);font-size:.52rem;line-height:1;padding:.13rem .22rem;text-overflow:ellipsis;white-space:nowrap}.qpc-v1-line-content-box[data-line-warning]{border-color:hsl(0 72% 50%/.92);background:hsl(0 72% 50%/.1)}.qpc-v1-line-content-box[data-line-warning]:after{content:attr(data-line-warning) " · " attr(data-line-label);color:hsl(0 72% 38%)}.qpc-v1-word-box{border:1px solid hsl(var(--gold)/.64);background:hsl(var(--gold)/.08)}.qpc-ayah-audio-bar{position:fixed;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,calc(100vw - 1.5rem));max-width:calc(100vw - 1.5rem);transform:translateX(-50%);color:hsl(var(--foreground));font-family:var(--font-sans);pointer-events:none}.qpc-ayah-audio-bar-main{display:grid;min-height:5rem;grid-template-columns:2.75rem minmax(7rem,.8fr) minmax(8rem,1.4fr) auto 2.75rem 2.75rem 2.75rem;align-items:center;gap:.65rem;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));padding:.72rem .85rem;box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto}.qpc-ayah-audio-label{display:grid;min-width:0;gap:.12rem;font-size:.78rem;line-height:1.1rem}.qpc-ayah-audio-label strong{color:hsl(var(--foreground));font-size:.86rem}.qpc-ayah-audio-label span,.qpc-ayah-audio-label strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qpc-ayah-audio-label span{color:hsl(var(--muted-foreground))}.qpc-ayah-audio-label span.is-error{color:hsl(var(--danger))}.qpc-ayah-audio-icon-button{display:inline-grid;min-height:2.75rem;min-width:2.75rem;place-items:center;border:1px solid hsl(var(--border)/.72);border-radius:var(--radius-control);background:hsl(var(--muted)/.58);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)}.qpc-ayah-audio-icon-button:focus-visible,.qpc-ayah-audio-icon-button:hover{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{display:flex;min-width:0;align-items:center;direction:ltr}.qpc-ayah-audio-progress input[type=range]{width:100%;min-height:2.75rem;cursor:pointer;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;font-size:.8rem;text-align:center;white-space:nowrap}.qpc-ayah-translation-popover{position:fixed;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;display:flex;width:min(32rem,calc(100vw - 1rem));max-width:calc(100vw - 1rem);max-height:min(52dvh,24rem);transform:translateX(-50%);flex-direction:column;overflow:hidden;border:1px solid hsl(var(--border)/.82);border-radius:18px;background:linear-gradient(180deg,hsl(var(--card)/.98),hsl(var(--card)/.94)),hsl(var(--card));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)}.qpc-ayah-translation-popover-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-bottom:1px solid hsl(var(--border)/.64);padding:.72rem .82rem}.qpc-ayah-translation-popover-header div{display:grid;min-width:0;gap:.1rem}.qpc-ayah-translation-popover-header span{color:hsl(var(--muted-foreground));font-size:.7rem;line-height:1rem}.qpc-ayah-translation-popover-header strong{overflow:hidden;color:hsl(var(--foreground));font-size:.9rem;line-height:1.18rem;text-overflow:ellipsis;white-space:nowrap}.qpc-ayah-translation-expand{display:inline-flex;min-height:2.25rem;flex:0 0 auto;align-items:center;gap:.42rem;border:1px solid hsl(var(--emerald)/.38);border-radius:var(--radius-control);background:hsl(var(--emerald)/.12);padding:0 .7rem;color:hsl(var(--foreground));font-size:.78rem;font-weight:700}.qpc-ayah-translation-popover-scroll{display:grid;min-height:0;gap:.7rem;overflow-y:auto;overscroll-behavior-y:contain;padding:.78rem .82rem .9rem;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.qpc-ayah-translation-popover-section{display:grid;gap:.35rem;border:1px solid hsl(var(--border)/.58);border-radius:var(--radius-control);background:hsl(var(--background)/.62);padding:.7rem}.qpc-ayah-translation-popover-section h3{margin:0;color:hsl(var(--foreground));font-size:.82rem;line-height:1.15rem}.qpc-ayah-translation-popover-section p{display:-webkit-box;margin:0;overflow:hidden;color:hsl(var(--muted-foreground));direction:inherit;text-align:start;font-size:.82rem;line-height:1.42rem;unicode-bidi:isolate;white-space:pre-wrap;-webkit-box-orient:vertical;-webkit-line-clamp:4}.qpc-ayah-translation-popover-state{display:flex;min-height:4.5rem;align-items:center;gap:.5rem;color:hsl(var(--muted-foreground));font-size:.84rem}.qpc-ayah-translation-popover-state.is-error{color:hsl(var(--danger))}.qpc-ayah-translation-preview{position:fixed;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;display:grid;width:min(30rem,calc(100vw - 1.5rem));max-width:calc(100vw - 1.5rem);grid-template-columns:minmax(0,1fr) auto;align-items:stretch;overflow:hidden;transform:translateX(-50%);border:1px solid hsl(var(--border)/.78);border-radius:18px;background:linear-gradient(180deg,hsl(var(--card)/.97),hsl(var(--card)/.91)),hsl(var(--card));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)}.qpc-ayah-translation-preview-main{display:grid;min-width:0;gap:.18rem;border:0;background:transparent;padding:.68rem .78rem;color:inherit;text-align:start}.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){display:-webkit-box;overflow:hidden;color:hsl(var(--muted-foreground));font-size:.82rem;line-height:1.25rem;-webkit-box-orient:vertical;-webkit-line-clamp:3}.qpc-ayah-translation-preview-main span.is-error{color:hsl(var(--danger));font-size:.82rem;line-height:1.25rem}.qpc-ayah-translation-preview-actions{display:grid;min-width:4.1rem;border-inline-start:1px solid hsl(var(--border)/.62);color:hsl(var(--emerald));font-size:.72rem;place-items:center}.qpc-ayah-preview-open{display:inline-grid;min-height:2.5rem;min-width:4.1rem;place-items:center;border:0;border-radius:var(--radius-control);background:transparent;color:hsl(var(--emerald));font:inherit;font-weight:700}.qpc-ayah-preview-open:focus-visible,.qpc-ayah-preview-open:hover{background:hsl(var(--emerald)/.12);color:hsl(var(--foreground))}.qpc-ayah-preview-collapse{display:inline-grid;min-width:2.5rem;min-height:2.5rem;place-items:center;border:0;border-radius:var(--radius-control);background:transparent;color:hsl(var(--muted-foreground))}.qpc-ayah-preview-collapse:focus-visible,.qpc-ayah-preview-collapse:hover{background:hsl(var(--muted)/.72);color:hsl(var(--foreground))}.qpc-ayah-content-backdrop{position:fixed;inset:0;z-index:1005;border:0;background:hsl(var(--background)/.28);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer}.qpc-ayah-content-sheet{position:fixed;left:50%;bottom:0;z-index:1010;display:flex;width:min(100vw,44rem);max-height:min(92dvh,calc(100dvh - 1rem));transform:translateX(-50%);flex-direction:column;overflow:hidden;border:1px solid hsl(var(--border)/.82);border-bottom:0;border-radius:24px 24px 0 0;background:hsl(var(--card));box-shadow:var(--shadow-panel);color:hsl(var(--foreground));font-family:var(--font-sans)}.qpc-ayah-content-sheet:focus{outline:none}.qpc-ayah-content-sheet .qpc-ayah-content-panel-inner{max-height:min(92dvh,calc(100dvh - 1rem))}.qpc-ayah-content-sheet .qpc-ayah-content-scroll{max-height:calc(min(92dvh, calc(100dvh - 1rem)) - 4.7rem)}.qpc-ayah-content-side-panel{position:fixed;top:calc(var(--topbar-height, 72px) + 1rem);inset-inline-end:1rem;bottom:7.25rem;z-index:995;display:none;width:min(26rem,calc(100vw - 2rem));overflow:hidden;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));box-shadow:var(--shadow-panel);color:hsl(var(--foreground));font-family:var(--font-sans);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.qpc-ayah-content-panel-inner{display:flex;height:100%;min-height:0;flex-direction:column}.qpc-ayah-content-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-bottom:1px solid hsl(var(--border)/.68);padding:.9rem 1rem}.qpc-ayah-content-header span{color:hsl(var(--muted-foreground));font-size:.72rem;line-height:1rem}.qpc-ayah-content-header h2{margin:0;color:hsl(var(--foreground));font-size:1.1rem;line-height:1.35rem}.qpc-ayah-content-header-actions{display:inline-flex;gap:.35rem}.qpc-ayah-content-copy-icon,.qpc-ayah-content-header-actions button{display:inline-flex;min-height:2.5rem;min-width:2.5rem;align-items:center;justify-content:center;gap:.4rem;border:1px solid hsl(var(--border)/.72);border-radius:var(--radius-control);background:hsl(var(--muted)/.56);color:hsl(var(--foreground))}.qpc-ayah-content-header-actions button:disabled{cursor:not-allowed;opacity:.42}.qpc-ayah-content-copy-icon:focus-visible,.qpc-ayah-content-copy-icon:hover,.qpc-ayah-content-header-actions button:focus-visible:not(:disabled),.qpc-ayah-content-header-actions button:hover:not(:disabled){border-color:hsl(var(--emerald)/.52);background:hsl(var(--emerald)/.12)}.qpc-ayah-content-toast{display:inline-flex;width:calc(100% - 2rem);min-height:2.4rem;align-items:center;gap:.45rem;margin:.7rem 1rem 0;border:1px solid hsl(var(--border)/.64);border-radius:var(--radius-control);background:hsl(var(--muted)/.5);padding:.45rem .65rem;color:hsl(var(--foreground));font-size:.82rem}.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{display:grid;flex:1 1 auto;min-height:0;gap:1rem;overflow-y:auto;overscroll-behavior-y:contain;padding:1rem 1rem calc(var(--safe-bottom, env(safe-area-inset-bottom, 0px)) + 1.5rem);scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}.qpc-ayah-content-copy-icon{align-self:start;flex:0 0 auto}.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{display:grid;gap:.75rem;border:1px solid hsl(var(--border)/.7);border-radius:var(--radius-card);background:hsl(var(--card)/.54);padding:.85rem}.qpc-ayah-content-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.qpc-ayah-content-section-header div{display:grid;min-width:0;gap:.2rem}.qpc-ayah-content-section-header h3{margin:0;color:hsl(var(--foreground));font-size:.98rem;line-height:1.28rem}.qpc-ayah-content-section-header small{display:inline-flex;width:fit-content;max-width:100%;align-items:center;border-radius:999px;background:hsl(var(--muted)/.62);padding:.1rem .45rem;color:hsl(var(--muted-foreground));font-size:.74rem;line-height:1.05rem}.qpc-ayah-content-section-text{margin:0;color:hsl(var(--foreground)/.9);direction:inherit;text-align:start;font-size:.92rem;line-height:1.65rem;unicode-bidi:isolate;white-space:pre-wrap;word-break:normal}.qpc-ayah-content-section-text--arabic{border-radius:var(--radius-control);background:hsl(var(--muted)/.38);padding:.85rem;color:hsl(var(--foreground));font-family:var(--font-qpc-hafs),"Noto Naskh Arabic","Amiri",serif;font-size:1.55rem;line-height:2.65rem;direction:rtl;text-align:start;unicode-bidi:isolate}.qpc-ayah-content-state{display:flex;align-items:center;gap:.55rem;padding:1rem;color:hsl(var(--muted-foreground));font-size:.9rem}.qpc-ayah-content-state.is-error{color:hsl(var(--danger))}.qpc-v1-font-debug{position:absolute;inset-inline-start:.5rem;top:.5rem;z-index:12;display:flex;max-width:calc(100% - 1rem);flex-wrap:wrap;gap:.25rem;border-radius:var(--radius-control);border:1px solid hsl(var(--border)/.62);background:hsl(var(--card)/.88);padding:.25rem;color:hsl(var(--muted-foreground));font-family:var(--font-sans);font-size:.62rem;line-height:.9rem;box-shadow:var(--shadow-soft)}.qpc-v1-font-debug span{border-radius:var(--radius-chip);background:hsl(var(--muted)/.72);padding:.05rem .3rem}.qpc-hybrid-annotation-layer,.qpc-surface-annotation-layer{position:absolute;inset:0;z-index:20;pointer-events:none}.qpc-render-annotation-layer{position:absolute;inset:0;pointer-events:none}.qpc-render-annotation-item{position:absolute;inset:0}.qpc-render-annotation-marker,.qpc-render-annotation-stored{position:absolute;min-width:8px;min-height:8px;border-radius:4px}.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)/0.18);--qpc-error-glow:hsl(var(--danger)/0.25);--qpc-error-edge:hsl(var(--danger)/0.14);--qpc-error-shadow:hsl(var(--danger)/0.16);--qpc-error-inset:hsl(var(--danger)/0.09);border-color:transparent;border-radius:12px;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)}.qpc-render-annotation-marker.is-orange.is-active-soft{--qpc-error-fill:hsl(var(--accent)/0.18);--qpc-error-glow:hsl(var(--accent)/0.25);--qpc-error-edge:hsl(var(--accent)/0.14);--qpc-error-shadow:hsl(var(--accent)/0.16);--qpc-error-inset:hsl(var(--accent)/0.09)}.qpc-render-annotation-marker[data-width-version="2"]{min-width:0}.qpc-render-annotation-marker[data-exact-selection=true].is-active-soft{border-width:0;background:var(--qpc-error-fill);box-shadow:inset 0 0 0 .75px var(--qpc-error-edge);border-radius:var(--annotation-active-radius,7px)}.qpc-render-annotation-marker.is-amber.is-active-soft{--qpc-error-fill:hsl(var(--error-medium)/.34);--qpc-error-edge:hsl(var(--error-medium)/.42)}.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){border-style:dashed;background:hsl(var(--accent)/.2)}.qpc-render-annotation-stored{border:1px dashed hsl(var(--foreground)/.42);background:transparent}.qpc-render-annotation-label{position:absolute;left:0;top:-1.45rem;max-width:min(44vw,15rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:var(--radius-chip);background:hsl(var(--popover)/.94);padding:.125rem .375rem;color:hsl(var(--popover-foreground));font-size:.6875rem;line-height:1rem;box-shadow:var(--shadow-soft)}.qpc-hybrid-toolbar{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 10px;color:hsl(var(--muted-foreground));font-size:.875rem}.qpc-hybrid-opacity{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.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{position:relative;overflow:hidden;border-radius:var(--radius-card);border:1px solid hsl(var(--border)/.78);background:hsl(var(--background));box-shadow:var(--shadow-soft)}.qpc-hybrid-layer{position:absolute;inset:0}.qpc-hybrid-qpc-layer{z-index:10;border:0;border-radius:0;background:transparent;box-shadow:none}.qpc-hybrid-annotation-layer{z-index:30}@media (max-width:640px){.qpc-hybrid-compare,.qpc-surface-renderer{max-width:100%}.qpc-hybrid-page,.qpc-v1-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{min-height:4.65rem;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;border-radius:16px;padding:.46rem}.qpc-ayah-audio-icon-button{min-height:2.25rem;min-width:2.25rem}.qpc-ayah-audio-icon-button svg{height:1rem;width: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{grid-area:time;min-width:0;font-size:.68rem;line-height:1rem;text-align:end}.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);max-height:min(48dvh,21rem);border-radius:16px}.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,calc(100vw - 2rem));max-width:calc(100vw - 2rem)}.qpc-ayah-content-backdrop:not(.qpc-ayah-content-backdrop--forced),.qpc-ayah-content-sheet:not(.qpc-ayah-content-sheet--forced),.qpc-ayah-translation-popover,.qpc-ayah-translation-preview{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{position:absolute;inset:0;z-index:1;pointer-events:none}.qpc-annotation-debug-band{position:absolute;border:1px dashed rgb(16 185 129/.72);background:rgb(16 185 129/.08);color:rgb(5 150 105);font:600 10px/1 ui-sans-serif,system-ui,sans-serif}.qpc-annotation-debug-band span{position:absolute;inset-inline-start:2px;top:2px;padding:1px 3px;border-radius:4px;background:rgb(255 255 255/.82)}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){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))}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))}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)}}@font-face{font-family:Inter;src:url(/art/fonts/Inter-Regular.ttf) format("truetype");font-style:normal;font-weight:400 500;font-display:swap}@font-face{font-family:Inter;src:url(/art/fonts/Inter-Bold.ttf) format("truetype");font-style:normal;font-weight:600 900;font-display:swap}:root{--bg:hsl(var(--background));--bg-elev:hsl(var(--card));--bg-elev-2:hsl(var(--muted));--ink:hsl(var(--foreground));--ink-2:hsl(var(--muted-foreground));--line:hsl(var(--border));--brand:hsl(var(--primary));--brand-ink:hsl(var(--primary-foreground));--audit-gold:#805b1c;--gold-wash:color-mix(in srgb,hsl(var(--accent)) 18%,var(--bg));--repeat:#994c39;--ring:var(--primary);--color-brand:var(--primary);--color-selected:var(--primary);--audit-shadow:0 8px 24px rgb(0 0 0/.08);--shadow-soft:var(--audit-shadow);--shadow-panel:var(--audit-shadow)}.dark{--audit-gold:hsl(var(--accent));--repeat:#e0a18d;--audit-shadow:0 8px 24px rgb(0 0 0/.20)}:root{--r-xs:var(--radius-xs);--r-sm:var(--radius-sm);--r-md:var(--radius-card);--r-lg:var(--radius-panel);--r-pill:999px;--site-header-height:72px;--site-navigation-clearance:0px}body{font-size:var(--text-body);line-height:1.5;color:var(--ink)}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}h1,h2,h3{letter-spacing:-.03em}h1{line-height:1.1}h1,h2{font-weight:800}h2{line-height:1.2}h3{font-weight:750;line-height:1.3}.audit-button,.ui-button{border-radius:var(--radius-button);font-weight:700;min-height:var(--control-height)}.audit-button:not(.audit-button-secondary):not(.audit-button-ghost):not(.audit-button-light){box-shadow:0 4px 0 color-mix(in srgb,var(--brand) 75%,#000)}.audit-button-gold{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.audit-button:active,.ui-button-primary:active{transform:translateY(2px);box-shadow:none}.site-navigation-host{display:flex;flex-direction:column;min-height:100dvh;box-sizing:border-box;background:var(--bg);color:var(--ink)}.site-navigation-host>.app-shell,.site-navigation-host>.auth-surface,.site-navigation-host>.public-shell{display:flex;flex-direction:column;flex:1 0 auto;min-height:0;padding-bottom:0;background:var(--bg)}.site-navigation-host .app-shell-main{flex:1;min-height:0;max-width:1160px}.site-navigation-host .auth-surface>.auth-layout,.site-navigation-host .public-shell-main{flex:1;min-height:0}.site-navigation-host>.site-entry-page{flex:1;align-content:start}.site-navigation-host .contest-shell[data-navigation-shell=competition-public]>.app-shell-main{min-height:0}.site-navigation-host [data-game-immersive=true]{flex:1;min-height:0}.site-navigation-host:has([data-game-immersive=true])+.site-nav-viewport{display:none}.site-topbar-slot{position:sticky;top:0;z-index:40;flex:none;height:calc((var(--site-header-height) + 1px)/var(--header-viewport-scale,1));pointer-events:none}.site-topbar-viewport{width:100%}.site-topbar-slot[data-scroll-hidden=true] .p4-topbar{transform:translateY(calc(-100% - 48px));pointer-events:none;border-bottom-color:transparent;box-shadow:none}.site-topbar-slot[data-scroll-hidden=true] .p4-logo-mark{box-shadow:none}.p4-topbar.site-topbar{position:relative;pointer-events:auto;transition:transform .22s ease;min-height:var(--site-header-height);border-bottom:1px solid var(--line);background:var(--bg);color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none}.p4-topbar-inner{direction:ltr;width:min(1160px,calc(100% - 32px));min-height:var(--site-header-height);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.p4-logo{display:inline-flex;align-items:center;gap:8px;flex:none;font-size:21px;line-height:1;font-weight:800;letter-spacing:-.05em;text-decoration:none}.p4-logo-mark{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;color:var(--brand-ink);background:var(--brand);box-shadow:var(--audit-shadow)}.p4-logo-mark svg{width:21px;height:21px;stroke-width:1.8}.p4-desktop-links{display:none}.p4-profile-button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;min-width:44px;border:1px solid var(--line);border-radius:999px;background:var(--bg-elev);padding:1px;flex:none}.p4-profile-picture{width:40px;height:40px;display:grid;place-items:center;overflow:hidden;border-radius:50%;flex:none}.p4-profile-picture>img{display:block;width:100%;height:100%;object-fit:cover}.p4-profile-picture>svg{max-width:100%;max-height:100%}.p4-profile-picture>svg.lucide{width:24px;height:24px}.site-account-identity{display:flex;align-items:center;gap:12px;padding-block:4px 16px;border-bottom:1px solid var(--line);margin-bottom:12px;text-decoration:none}.site-account-identity>div{min-width:0}.site-account-name{display:block;font-size:20px;font-weight:750;overflow-wrap:anywhere;line-height:1.25}.site-account-identity p{font-size:12px;color:var(--ink-2);margin-top:5px;font-variant-numeric:tabular-nums}.site-account-links{display:grid;gap:4px}.site-account-links>a{min-height:44px;padding:12px;border-radius:12px;text-align:start;background:var(--bg-elev-2);font-weight:650;text-decoration:none}.site-account-guest{display:grid;gap:10px;margin-block:12px 20px}.site-account-exit{border-top:1px solid var(--line);margin-top:20px;padding-top:8px}.site-account-exit>button{min-height:44px;width:100%;text-align:start;padding:10px 12px;font-weight:650}.site-account-exit [role=alert]{font-size:13px;color:var(--repeat);margin-top:8px}.site-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.site-settings-grid fieldset{min-width:0;border:0;padding:0}.site-settings-grid legend{font-size:12px;color:var(--ink-2);margin-bottom:8px}.site-segments{display:flex;gap:2px;border-radius:12px;background:var(--bg-elev-2);padding:3px}.site-segments>button{display:grid;place-items:center;flex:1;min-width:0;min-height:44px;border-radius:8px;color:var(--ink-2);font-size:12px;font-weight:650}.site-segments>button[aria-pressed=true]{background:var(--bg-elev);color:var(--ink);box-shadow:var(--audit-shadow)}.site-segments svg{width:20px;height:20px}.p4-auth-roles{display:flex;gap:4px;padding:4px;margin-bottom:24px;background:var(--bg-elev-2);border-radius:12px}.p4-auth-roles>button{flex:1;min-width:0;min-height:44px;padding:8px 12px;border-radius:8px;color:var(--ink-2);font-size:14px;font-weight:700}.p4-auth-roles>button.p4-auth-role-selected{background:var(--bg-elev);color:var(--ink);box-shadow:var(--audit-shadow)}.p4-auth-guest-progress{text-align:center;font-size:12px;color:var(--ink-2)}.p4-circle-bookmarks{margin-top:40px;text-align:start}.p4-circle-bookmarks h2{font-size:20px;font-weight:800}.p4-circle-bookmarks>p{margin-block:8px 16px;font-size:13px;color:var(--ink-2)}.p4-circle-bookmarks ul{display:grid;gap:10px;list-style:none}.p4-circle-bookmarks li{display:flex;align-items:center;min-width:0;border:1px solid var(--line);border-radius:16px;background:var(--bg-elev)}.p4-circle-bookmarks li>a{display:flex;align-items:center;gap:12px;min-height:64px;min-width:0;padding:12px 16px;flex:1;font-weight:700;overflow-wrap:anywhere}.p4-circle-bookmarks svg{width:20px;height:20px;flex:none;color:var(--brand)}.p4-circle-bookmarks li>button{display:grid;place-items:center;width:44px;height:44px;flex:none;margin-inline-end:8px;border-radius:12px}.p4-circle-bookmarks li>button svg{color:var(--ink-2)}.site-navigation-sheet .audit-sheet-content{padding:20px 20px max(24px,env(safe-area-inset-bottom))}.site-navigation-sheet .audit-sheet-heading h2{font-size:22px;font-weight:800}.site-navigation-sheet .audit-sheet-heading .audit-icon-button{min-height:44px;min-width:44px;width:44px;height:44px}body:has([role=dialog][aria-modal=true]) .site-nav-viewport,body:has(dialog[open]) .site-nav-viewport{display:none}.cookie-banner{border-radius:16px;background:var(--bg-elev);color:var(--ink);border-color:var(--line);box-shadow:var(--audit-shadow);padding:10px 12px;max-width:560px;width:calc(100% - 32px);inset-inline:16px;bottom:calc(var(--site-navigation-dock-height) + var(--site-navigation-dock-offset) + 24px + env(safe-area-inset-bottom,0px))}body:has([data-game-immersive=true]) .cookie-banner{bottom:calc(12px + env(safe-area-inset-bottom,0px))}.cookie-message p{font-size:12px;line-height:1.4}.cookie-actions{display:flex;gap:8px;margin-top:8px}.cookie-actions button,.cookie-actions button:first-child{flex:1;min-height:44px;grid-column:auto;font-size:12px;padding:8px 12px}@media(min-width:1024px){:root{--site-header-height:80px;--space-card:var(--space-6);--space-section:var(--space-16);--text-page-title:36px;--line-page-title:42px;--text-stat:40px;--line-stat:44px}.p4-topbar-inner{direction:ltr;width:min(1160px,calc(100% - 64px))}.p4-desktop-links{display:none;align-items:center;justify-content:center;gap:28px;margin-inline:auto;color:var(--ink-2);font-size:15px;font-weight:550;animation:site-navigation-enter .22s ease both}.p4-desktop-links>a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent}.p4-desktop-links>a[aria-current=page]{color:var(--brand);border-bottom-color:initial}}@media(prefers-reduced-motion:reduce){.audit-button:active,.ui-button:active{transform:none}.p4-topbar *{animation:none!important;transition:none!important}}.site-navigation-host .p4-username{display:block;max-width:100%;min-width:0;font-size:clamp(24px,7vw,34px);line-height:1.18;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;font-weight:800}.p4-full-username{white-space:normal;overflow-wrap:anywhere}.site-account-exit>a{display:block;min-height:44px;padding:12px 0;font-weight:600}input[type=checkbox]{accent-color:var(--brand)}.audit-sheet :is(button,a,[role=button]),.site-navigation-host :is(button,a,[role=button]){touch-action:manipulation}@media(prefers-reduced-motion:reduce){.site-topbar-slot[data-scroll-hidden=true] .p4-topbar{transform:none;visibility:hidden}}.site-navigation-host[data-mushaf-reading=true]{background:var(--paper);--mushaf-metadata-ink:#5f5e58}.dark .site-navigation-host[data-mushaf-reading=true],.dark .site-navigation-host[data-mushaf-reading=true]+.site-nav-viewport{--paper:#d9d1bf;--mushaf-metadata-ink:#4b4a44}.site-navigation-host[data-mushaf-reading=true]+.site-nav-viewport:before{background:linear-gradient(to bottom,transparent,var(--paper) var(--dock-fade))}.site-navigation-host[data-mushaf-reading=true]>.app-shell,.site-navigation-host[data-mushaf-reading=true]>.public-shell{background:var(--paper)}.site-navigation-host[data-mushaf-reading=true] :is(.mushaf-viewer-card,.mushaf-viewer-scroll,.mushaf-viewer-header,[data-testid=student-mushaf-viewer]){background:var(--paper);border-color:transparent;border-radius:0;box-shadow:none}.site-navigation-host[data-mushaf-reading=true] .qpc-v1-page{border-color:transparent;border-radius:0;box-shadow:none}.site-navigation-host[data-mushaf-reading=true][data-site-navigation=visible]:not([data-ordinary-attempt-navigation=visible]){--site-navigation-clearance:calc(var(--site-navigation-dock-height) + var(--site-navigation-dock-offset) + 16px + env(safe-area-inset-bottom,0px));padding-bottom:var(--site-navigation-clearance)}.site-navigation-host[data-mushaf-reading=true]:not([data-ordinary-attempt-navigation=visible]) .app-shell-main{padding-bottom:0}@media(min-width:1024px){.site-navigation-host .app-shell-main:has(>[data-competition-catalogue]){width:min(1160px,calc(100% - 64px));padding-inline:0}}.legal-links[data-landing-section=footer]{align-items:center}