@font-face{font-family:Thmanyah Sans;font-weight:400;font-style:normal;font-display:swap;src:url(./thmanyah-sans-Regular-NTPOWdsf.woff2)format("woff2")}@font-face{font-family:Thmanyah Sans;font-weight:500;font-style:normal;font-display:swap;src:url(./thmanyah-sans-Medium-CPVv6aiC.woff2)format("woff2")}@font-face{font-family:Thmanyah Sans;font-weight:600 700;font-style:normal;font-display:swap;src:url(./thmanyah-sans-Bold-0Nuz4xF3.woff2)format("woff2")}@font-face{font-family:Thmanyah Sans;font-weight:800 900;font-style:normal;font-display:swap;src:url(./thmanyah-sans-Black-DLuMjaoT.woff2)format("woff2")}@font-face{font-family:kf-shuba;font-display:swap;src:url(./shouba.8-CzGidIE5.woff2)format("woff2")}@font-face{font-family:kf-bazzi;font-display:swap;src:url(./bazzi.7-Ca3KZtey.woff2)format("woff2")}@font-face{font-family:kf-qunbul;font-display:swap;src:url(./qumbul.7-CJmtg-Iw.woff2)format("woff2")}@font-face{font-family:kf-warsh;font-display:swap;src:url(./warsh.10-BdrsE35p.woff2)format("woff2")}@font-face{font-family:kf-qalun;font-display:swap;src:url(./qaloon.10-BhzRt8-r.woff2)format("woff2")}@font-face{font-family:kf-duri;font-display:swap;src:url(./doori.9-G1QWH3N9.woff2)format("woff2")}@font-face{font-family:kf-susi;font-display:swap;src:url(./soosi.9-C1x36ecb.woff2)format("woff2")}@font-face{font-family:Amiri Quran Title;font-style:normal;font-weight:400;font-display:swap;src:url(../assets/AmiriQuran-Regular.ttf)format("truetype")}:root{--bg:#eef2f0;--bg-glow:#f7f3e8;--surface:#ffffffdb;--surface-solid:#fff;--surface-2:#f4f6f3;--paper:#fffcf3;--paper-2:#fbf4e2;--ink:#142f33;--ink-soft:#2e4a4e;--muted:#64777a;--hairline:#142f331f;--gold:#a5813f;--gold-2:#c9a961;--gold-soft:#a5813f24;--rose:#8c4a62;--rose-bg:#8c4a6221;--rose-sel:#8c4a6242;--current-bg:#c9a9613d;--glyph:#10262a;--focus:#1d7d8f;--warn:#8a5a12;--warn-bg:#d6a03c26;--danger:#9b2c2c;--on-accent:#fff;--accent:#173b40;--shadow-lg:0 30px 60px -30px #0c222673, 0 12px 24px -16px #0c222640;--shadow-md:0 10px 30px -18px #0c222666;--nav-w:268px;--nav-bg:#0c2326;--nav-bg-2:#123338;--nav-ink:#e4ece7;--nav-muted:#8fa6a3;--nav-gold:#d2b26b;--tabbar-h:62px;--paper-bg:#fffefb;--frame:#9d8452;--band:#efe4c8;--page-ink-soft:#6f5d36;--font-ui:"Thmanyah Sans", "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;--font-title:var(--font-ui);--radius:16px;--radius-sm:10px;--tap:44px;--dur:.18s;--ease:cubic-bezier(.2, .7, .2, 1);--player-h:84px;--safe-b:env(safe-area-inset-bottom,0px);--qcf-line-em:16.2;--page-max:660px;--zoom:1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1d20;--bg-glow:#13343a;--surface:#12292dd1;--surface-solid:#12292d;--surface-2:#17343a;--paper:#f8f1de;--paper-2:#efe3c4;--ink:#e8efe9;--ink-soft:#c9d6d0;--muted:#93a8a6;--hairline:#e8efe91f;--gold:#d2b26b;--gold-2:#e6cc8e;--gold-soft:#d2b26b29;--rose:#e3a0b9;--rose-bg:#8c4a6229;--rose-sel:#8c4a624d;--current-bg:#c9a9614d;--glyph:#10262a;--focus:#7cc8d6;--warn:#e6c27a;--warn-bg:#d6a03c29;--danger:#f0a3a3;--on-accent:#0b1d20;--accent:#d2b26b;--shadow-lg:0 40px 80px -30px #000000b3, 0 12px 24px -16px #00000080;--shadow-md:0 14px 30px -18px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0b1d20;--bg-glow:#13343a;--surface:#12292dd1;--surface-solid:#12292d;--surface-2:#17343a;--paper:#f8f1de;--paper-2:#efe3c4;--ink:#e8efe9;--ink-soft:#c9d6d0;--muted:#93a8a6;--hairline:#e8efe91f;--gold:#d2b26b;--gold-2:#e6cc8e;--gold-soft:#d2b26b29;--rose:#e3a0b9;--rose-bg:#8c4a6229;--rose-sel:#8c4a624d;--current-bg:#c9a9614d;--glyph:#10262a;--focus:#7cc8d6;--warn:#e6c27a;--warn-bg:#d6a03c29;--danger:#f0a3a3;--on-accent:#0b1d20;--accent:#d2b26b;--shadow-lg:0 40px 80px -30px #000000b3, 0 12px 24px -16px #00000080;--shadow-md:0 14px 30px -18px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-reduced-motion:reduce){:root{--dur:0s}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper-bg:#142124;--glyph:#ebe3cd;--page-ink-soft:#b3a57f;--rose-bg:#e380a042;--rose-sel:#e380a06b}}:root[data-theme=dark]{--paper-bg:#142124;--glyph:#ebe3cd;--page-ink-soft:#b3a57f;--rose-bg:#e380a042;--rose-sel:#e380a06b}:root{--sel-bg:#ffd60a8c;--sel-line:#b58900;--current-bg:#2f8c6e29}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--sel-bg:#ffd60a66;--sel-line:#ffd60a;--current-bg:#5ec8a033}}:root[data-theme=dark]{--sel-bg:#ffd60a66;--sel-line:#ffd60a;--current-bg:#5ec8a033}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font-ui);color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;text-rendering:optimizelegibility;font-size:16px;line-height:1.75}h1,h2,h3,h4,p{margin:0}h2,h3{text-wrap:balance}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}a{color:var(--focus)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}[hidden]{display:none!important}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.muted{color:var(--muted);font-size:14px}.skip{inset-inline-start:8px;background:var(--accent);color:var(--on-accent);z-index:60;border-radius:10px;padding:8px 14px;position:absolute;top:-60px}.skip:focus{top:8px}.btn{min-height:var(--tap);background:var(--accent);color:var(--on-accent);letter-spacing:.1px;transition:transform var(--dur) var(--ease), background var(--dur), box-shadow var(--dur), border-color var(--dur);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){opacity:.9}.btn:active:not(:disabled){transform:translateY(0)}.btn-gold{background:var(--accent);color:var(--on-accent);box-shadow:none}.btn-quiet{color:var(--ink);border-color:var(--hairline);background:0 0;font-weight:500}.btn-quiet:hover:not(:disabled){background:var(--surface-2);box-shadow:none}.btn-small{background:var(--surface-solid);min-height:38px;color:var(--ink);border-color:var(--hairline);padding:0 14px;font-size:14px;font-weight:500}.btn-small:hover:not(:disabled){background:var(--surface-2);box-shadow:none}.btn-small[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:#0000}.btn-rose{background:var(--rose-bg);color:var(--rose);border-color:#0000;font-weight:600}.btn-link{min-height:var(--tap);color:var(--focus);text-underline-offset:4px;background:0 0;border:0;padding:0 4px;font-size:14px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.btn-link:hover{box-shadow:none!important;background:0 0!important;transform:none!important}.icon-btn{width:var(--tap);height:var(--tap);color:var(--ink);transition:background var(--dur), border-color var(--dur);background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--surface-2);border-color:var(--hairline)}.icon-text-btn{min-height:var(--tap);border:1px solid var(--hairline);transition:background var(--dur);background:0 0;border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.icon-text-btn:hover{background:var(--surface-2)}.segmented{background:var(--surface-2);border:1px solid var(--hairline);border-radius:999px;gap:2px;padding:4px;display:inline-flex}.segmented button{min-width:64px;min-height:36px;color:var(--muted);transition:background var(--dur), color var(--dur);background:0 0;border:0;border-radius:999px;padding:0 16px;font-size:14px;font-weight:500}.segmented button[aria-pressed=true]{background:var(--surface-solid);color:var(--ink);font-weight:700;box-shadow:0 2px 8px -3px #00000040}.segmented.small button{min-width:0;min-height:34px;padding:0 14px;font-size:14px}.chip{font-family:var(--font-title);white-space:nowrap;min-height:22px;color:var(--muted);background:var(--surface-2);border:1px solid var(--hairline);border-radius:999px;align-items:center;padding:0 9px;font-size:12px;display:inline-flex}.tag{background:var(--gold-soft);color:var(--gold);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-block}.tag-diff{background:var(--rose-bg);color:var(--rose)}.badge{border-radius:999px;align-self:flex-start;padding:1px 9px;font-size:12px;display:inline-block}.badge-warn{background:var(--warn-bg);color:var(--warn)}.field{border:0;margin:0 0 24px;padding:0;display:block}.field-label{letter-spacing:.3px;color:var(--muted);margin-bottom:10px;font-size:12px;font-weight:700;display:block}.field-row{justify-content:space-between;align-items:center;display:flex}.field input:not([type=radio]):not([type=checkbox]),.player select,.field select{width:100%;min-height:var(--tap);border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--surface-solid);color:var(--ink);padding:0 14px}.inline{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.check{min-height:var(--tap);align-items:center;gap:10px;font-size:14px;display:inline-flex}.check input,.option input{width:20px;height:20px;accent-color:var(--gold)}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:25;background:var(--surface-solid);position:fixed;inset:0 0 auto}.shell{grid-template-columns:var(--nav-w) minmax(0, 1fr);min-height:100vh;display:grid}.main{flex-direction:column;min-width:0;display:flex}.sidenav{top:env(safe-area-inset-top,0px);height:calc(100vh - env(safe-area-inset-top,0px));scrollbar-width:none;color:var(--nav-ink);background:var(--nav-bg);border-inline-end:1px solid #d2b26b2e;flex-direction:column;gap:4px;padding:22px 14px 18px;display:flex;position:sticky;overflow-y:auto}.sidenav-brand{border-bottom:1px solid #d2b26b33;align-items:center;gap:12px;margin-bottom:8px;padding:6px 10px 20px;display:flex}.sidenav-mark{color:var(--nav-gold);display:inline-flex}.sidenav-title{flex-direction:column;line-height:1.3;display:flex}.sidenav-name{font-family:var(--font-title);color:#fbf6e8;font-size:28px;font-weight:700}.sidenav-sub{color:var(--nav-muted);font-size:12px}.nav-section{letter-spacing:.6px;color:var(--nav-muted);padding:14px 12px 6px;font-size:12px;font-weight:700}.nav-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.nav-item{width:100%;min-height:46px;color:var(--nav-ink);text-align:start;transition:background var(--dur), border-color var(--dur), color var(--dur);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:0 12px;font-size:14px;display:flex}.nav-item:hover{background:#ffffff0f}.nav-item.is-active{color:#fff6dd;background:#ffffff12;font-weight:600}.nav-icon{color:var(--nav-gold);opacity:.95;display:inline-flex}.nav-label{flex:1}.nav-badge{color:#f5e3b3;background:#d2b26b38;border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700}.nav-switch{cursor:pointer}.nav-switch input{opacity:0;width:1px;height:1px;position:absolute}.switch{width:38px;height:22px;transition:background var(--dur);background:#ffffff29;border-radius:999px;position:relative}.switch:after{content:"";width:16px;height:16px;transition:transform var(--dur) var(--ease);background:#fbf6e8;border-radius:50%;position:absolute;top:3px;right:3px}.nav-switch input:checked+.switch{background:var(--nav-gold)}.nav-switch input:checked+.switch:after{transform:translate(-16px)}.nav-switch input:focus-visible+.switch{outline:2px solid var(--focus);outline-offset:2px}.sidenav-foot{color:var(--nav-muted);margin-top:auto;padding:14px 12px 0;font-size:12px;line-height:1.6}.topbar{top:env(safe-area-inset-top,0px);z-index:20;background:var(--surface);-webkit-backdrop-filter:saturate(1.4)blur(16px);border-bottom:1px solid var(--hairline);position:sticky}.topbar-inner{padding-block:10px;padding-left:max(24px, env(safe-area-inset-left,0px));grid-template-columns:minmax(200px,360px) 1fr auto;align-items:center;gap:16px;padding-right:24px;display:grid}.topbar-mark{color:var(--gold);display:none}.where{min-height:var(--tap);transition:background var(--dur);background:0 0;border:0;border-radius:14px;flex-direction:column;justify-self:center;align-items:center;gap:2px;padding:4px 18px;line-height:1.3;display:flex}.where-surah{font-family:var(--font-title);font-size:22px;font-weight:700}.where-meta{gap:6px;display:flex}.top-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.compare-btn{position:relative}.compare-count{background:var(--gold);color:#1b1408;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;display:inline-flex}.search{align-items:center;display:flex;position:relative}.search-icon{color:var(--muted);pointer-events:none;display:inline-flex;position:absolute;right:14px}.search-input{border:1px solid var(--hairline);background:var(--surface-2);width:100%;min-height:44px;color:var(--ink);transition:border-color var(--dur), background var(--dur);border-radius:999px;padding:0 42px 0 16px;font-size:14px}.search-input:focus{border-color:var(--gold);background:var(--surface-solid);box-shadow:0 0 0 3px var(--gold-soft);outline:none}.search-input::-webkit-search-cancel-button{display:none}.search-results{top:calc(100% + 8px);z-index:30;background:var(--surface-solid);border:1px solid var(--hairline);box-shadow:var(--shadow-lg);border-radius:16px;margin:0;padding:6px;list-style:none;position:absolute;inset-inline:0}.search-item{text-align:start;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 12px;display:flex}.search-item:hover,.search-item.is-active{background:var(--gold-soft)}.search-label{font-family:var(--font-title);font-size:18px;font-weight:700}.search-meta{color:var(--muted);font-size:12px}.notice{background:var(--warn-bg);max-width:760px;color:var(--warn);border-radius:var(--radius-sm);margin:12px auto 0;padding:10px 16px;font-size:14px}.content{padding-block:20px calc(var(--player-h) + var(--safe-b) + 36px);padding-left:max(20px, env(safe-area-inset-left,0px));align-items:start;gap:28px;padding-right:24px;display:grid}@media (min-width:1100px){.view-study .content{grid-template-columns:minmax(340px,400px) minmax(0,1fr)}}.mushaf-area{outline:none;min-width:0}.margin{background:var(--surface-solid);border:1px solid var(--hairline);max-height:calc(100vh - 92px - var(--player-h) - 36px);box-shadow:none;scrollbar-width:thin;border-radius:16px;outline:none;padding:22px;position:sticky;top:92px;overflow:auto}.page-toolbar{max-width:calc(var(--page-max) * var(--zoom));color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin:0 auto 12px;font-size:14px;display:flex}.toolbar-text strong{color:var(--ink)}.toolbar-zoom{border:1px solid var(--hairline);background:var(--surface);border-radius:999px;align-items:center;gap:2px;margin-inline-start:auto;padding:2px;display:inline-flex}.zoom-val{text-align:center;font-variant-numeric:tabular-nums;min-width:44px;font-size:12px}.site-foot{text-align:center;color:var(--muted);padding-block:0 calc(var(--player-h) + var(--safe-b) + 24px);padding-left:max(16px, env(safe-area-inset-left,0px));flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:-24px;padding-right:16px;font-size:12px;display:flex}.hint{max-width:calc(var(--page-max) * var(--zoom));background:var(--rose-bg);color:var(--rose);animation:rise .4s var(--ease) both;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;margin:0 auto 12px;padding:6px 8px 6px 16px;font-size:14px;display:flex}.hint .icon-btn{color:inherit}.tabbar{display:none}.mushaf-stage{justify-content:center;padding:4px 0 6px;display:flex;overflow-x:auto}.mushaf-page{--line-h:1.78em;width:min(100%, calc(var(--page-max) * var(--zoom)));min-width:calc(min(100vw - 24px, var(--page-max)) * var(--zoom));background:var(--paper-bg);color:var(--glyph);animation:page-in .26s var(--ease) both;padding:3cqi 3.6cqi 2.4cqi;position:relative;box-shadow:0 1px 2px #141e1e14,0 12px 32px -22px #141e1e59;container-type:inline-size}.mushaf-page:after{content:"";pointer-events:none;width:7cqi;position:absolute;top:0;bottom:0}.mushaf-page.is-odd:after{background:linear-gradient(90deg,#0000000d,#0000);left:0}.mushaf-page.is-even:after{background:linear-gradient(270deg,#0000000d,#0000);right:0}.page-head,.page-foot{z-index:1;font-family:var(--font-ui);color:var(--page-ink-soft);justify-content:space-between;align-items:center;padding:0 1.4cqi 1.3cqi;font-size:max(11px,2.2cqi);display:flex;position:relative}.page-foot{justify-content:center;padding:1.4cqi 0 0;font-size:max(12px,2.6cqi)}.page-num{color:var(--page-ink-soft);font-variant-numeric:tabular-nums}.page-body{z-index:1;padding:0;position:relative}.page-lines{font-size:calc(92cqi / var(--qcf-line-em));min-height:calc(15 * var(--line-h));direction:rtl;flex-direction:column;justify-content:space-between;display:flex}.mushaf-line{white-space:nowrap;height:var(--line-h);justify-content:center;align-items:center;column-gap:var(--word-gap,0);display:flex}.mushaf-line.is-full{justify-content:space-between}.is-opening .page-lines{justify-content:center;gap:.5em}.is-opening .mushaf-line{height:calc(var(--line-h) * 1.15)}.line-surah{padding-block:.12em}.surah-frame{border:1px solid var(--frame);background:linear-gradient(90deg, var(--band), var(--paper-bg) 18%, var(--paper-bg) 82%, var(--band));width:100%;height:100%;box-shadow:inset 0 0 0 3px var(--paper-bg), inset 0 0 0 4px var(--frame);justify-content:center;align-items:center;display:flex;position:relative}.surah-glyph{color:var(--glyph);font-family:qcf-surah-names;font-size:1.7em;line-height:1;display:none}.surah-frame-name{font-family:var(--font-ui);color:var(--glyph);font-size:.72em;line-height:1}[data-surah-font=ok] .surah-glyph{display:inline}[data-surah-font=ok] .surah-frame-name{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.w{transition:background-color var(--dur);display:inline;position:relative}.glyph{display:inline}.w-diff{cursor:pointer;background:linear-gradient(to bottom, transparent 20%, var(--rose-bg) 20%, var(--rose-bg) 86%, transparent 86%);border-radius:.14em;box-shadow:inset 0 -.16em 0 -.12em #8c4a62}.w-diff:hover{background:linear-gradient(to bottom, transparent 20%, var(--rose-sel) 20%, var(--rose-sel) 86%, transparent 86%)}.w-selected{background:linear-gradient(to bottom, transparent 20%, var(--rose-sel) 20%, var(--rose-sel) 86%, transparent 86%);box-shadow:inset 0 -.2em 0 -.13em #8c4a62}.w-current{background:linear-gradient(to bottom, transparent 20%, var(--current-bg) 20%, var(--current-bg) 86%, transparent 86%)}.w-diff.w-current{background:linear-gradient(to bottom, transparent 20%, var(--current-bg) 20%, var(--current-bg) 86%, transparent 86%), linear-gradient(to bottom, transparent 20%, var(--rose-bg) 20%, var(--rose-bg) 86%, transparent 86%)}.w-diff:focus-visible{outline:2px solid var(--focus);outline-offset:0;border-radius:4px}.view-reading .w-diff{box-shadow:none;background:0 0}.page-placeholder{gap:calc(92cqi / var(--qcf-line-em) * .78);flex-direction:column;padding:2cqi 0;display:flex}.ph-line{height:calc(92cqi / var(--qcf-line-em));background:linear-gradient(90deg,#a5813f14,#a5813f2e,#a5813f14) 0 0/200% 100%;border-radius:4px;animation:1.4s linear infinite shimmer;display:block}.page-error{text-align:center;color:#3a2f18;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:50cqi;padding:24px;display:flex}.page-error .btn{color:#fff;background:#173b40}.pager{max-width:calc(var(--page-max) * var(--zoom));justify-content:space-between;align-items:center;gap:8px;margin:18px auto 0;display:flex}.pager-btn{min-height:var(--tap);border:1px solid var(--hairline);background:var(--surface);transition:background var(--dur), transform var(--dur) var(--ease);border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.pager-btn:hover:not(:disabled){background:var(--surface-solid);transform:translateY(-1px)}.pager-pos{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:18px;margin-top:12px;font-size:12px;display:flex}.legend i{vertical-align:middle;border-radius:3px;width:18px;height:10px;margin-inline-end:5px;display:inline-block}.legend-diff{background:var(--rose-bg);box-shadow:inset 0 -2px #8c4a62}.legend-cur{background:var(--current-bg)}.margin-body{flex-direction:column;gap:16px;display:flex}.margin-head{justify-content:space-between;align-items:center;display:flex}.margin-head h2{font-family:var(--font-title);font-size:28px;font-weight:700}.count{background:var(--rose-bg);min-width:34px;height:34px;color:var(--rose);font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-weight:700;display:inline-flex}.margin-intro{color:var(--muted);font-size:14px}.margin-intro strong{color:var(--ink)}.scope-chip{color:var(--warn);background:var(--warn-bg);border-radius:999px;align-self:flex-start;padding:4px 12px;font-size:12px}.scope-chip.is-approved{color:#2f6b4f;background:#2f6b4f1a}.empty{border:1px dashed var(--hairline);border-radius:var(--radius);color:var(--muted);background:var(--surface-2);flex-direction:column;gap:8px;padding:18px;font-size:14px;display:flex}.empty-title{color:var(--ink);font-size:16px;font-weight:700}.locus-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.locus-item{text-align:start;width:100%;min-height:50px;transition:background var(--dur), border-color var(--dur);background:0 0;border:1px solid #0000;border-radius:14px;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:6px 10px;display:grid}.locus-item:hover{background:var(--surface-2)}.locus-item[aria-current=true]{background:var(--rose-bg);border-color:#8c4a624d}.locus-n{border:1px solid var(--hairline);background:var(--surface-solid);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:inline-flex}.locus-item[aria-current=true] .locus-n{background:var(--rose);color:var(--surface-solid);border-color:#0000}.locus-label{font-family:var(--font-title);font-size:18px;font-weight:700}.locus-cat{color:var(--muted);font-size:12px}.locus-detail{border-top:1px solid var(--hairline);animation:rise .26s var(--ease) both;flex-direction:column;gap:14px;padding-top:18px;display:flex}.locus-detail h3{font-family:var(--font-title);margin:2px 0;font-size:28px;font-weight:700;line-height:1.4}.face{border:1px solid var(--hairline);background:var(--surface-solid);border-radius:18px;flex-direction:column;gap:8px;padding:14px 16px;font-size:14px;display:flex}.face-base{background:var(--surface-2)}.face-diff{border-color:#8c4a6252}.face-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.face-holders{flex-direction:column;gap:6px;min-width:0;display:flex}.holders{flex-wrap:wrap;gap:6px;display:flex}.holder{background:var(--surface-2);border:1px solid var(--hairline);border-radius:999px;align-items:center;min-height:26px;padding:0 11px;font-size:14px;font-weight:700;display:inline-flex}.holder-base{background:var(--gold-soft);color:var(--gold);border-color:#0000}.face-diff .holder{background:var(--rose-bg);color:var(--rose);border-color:#0000}.face-status{color:var(--muted);font-size:12px}.face-status.is-diff{color:var(--rose);font-weight:600}.face-text{font-family:"Amiri Quran Title", var(--font-title);color:var(--ink);white-space:nowrap;font-size:28px;line-height:1.6}.face-diff .face-text{color:var(--rose)}.face-title{font-weight:700}.sound-note{color:var(--rose);background:var(--rose-bg);border-radius:999px;align-self:flex-start;padding:3px 10px;font-size:12px}.listen-row{flex-direction:column;align-items:flex-start;gap:6px;margin-top:4px;display:flex}.listen-hint,.listen-none{color:var(--muted);font-size:12px}.witness{border-top:1px solid var(--hairline);flex-direction:column;gap:10px;padding-top:16px;display:flex}.witness-title{font-family:var(--font-title);font-size:22px;font-weight:700}.witness-missing{color:var(--warn);background:var(--warn-bg);border-radius:12px;padding:10px 14px;font-size:14px}.witness-sample>summary,.witness-other>summary,.unknown-list>summary{cursor:pointer;color:var(--muted);min-height:var(--tap);border:1px solid var(--hairline);background:var(--surface-2);border-radius:12px;align-items:center;gap:8px;padding:0 12px;font-size:14px;list-style:none;display:flex}.witness-sample>summary::-webkit-details-marker{display:none}.witness-other>summary::-webkit-details-marker{display:none}.unknown-list>summary::-webkit-details-marker{display:none}.witness-sample>summary:before,.witness-other>summary:before,.unknown-list>summary:before{content:"‹";transition:transform var(--dur);font-size:16px}details[open]>summary:before{transform:rotate(-90deg)}.witness-other>summary{color:var(--focus)}.witness-scope{color:var(--focus);margin-top:10px;font-size:12px}.verse{background:linear-gradient(180deg, var(--paper), var(--paper-2));color:#2b2412;border-radius:16px;flex-direction:column;gap:8px;margin:10px 0 0;padding:16px 16px 14px;display:flex;box-shadow:inset 0 0 0 1px #a5813f59}.verse figcaption{color:#7a6435;justify-content:space-between;gap:10px;font-size:12px;display:flex}.verse figcaption a{color:#7a6435}.poem{font-family:var(--font-ui);gap:0 18px;margin:4px 0;font-size:18px;line-height:2.1;display:grid}.poem p{text-align:center}.ramz{color:#a5813f;font-weight:700}.verse-expl{color:#3a3220;font-size:14px}.verse-source-note{color:#7a6435;font-size:12px;font-style:normal}.verse .badge-warn{color:#7a5a12;background:#a5813f29}.witness-note{color:var(--muted);font-size:14px}.locus-nav{color:var(--muted);justify-content:space-between;align-items:center;font-size:14px;display:flex}.unknown-list{color:var(--muted);font-size:14px}.unknown-list ul{margin:10px 0 0;padding-inline-start:18px}.sheet-layer{z-index:40;display:flex;position:fixed;inset:0}.sheet-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade var(--dur) ease both;background:#06121473;position:absolute;inset:0}.sheet{background:var(--surface-solid);color:var(--ink);max-height:100%;box-shadow:var(--shadow-lg);outline:none;flex-direction:column;display:flex;position:relative}.sheet-grabber{background:var(--hairline);border-radius:3px;width:44px;height:5px;margin:10px auto 0;display:none}.sheet-head{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;padding:12px 18px 10px 12px;display:flex}.sheet-head h2{font-family:var(--font-title);padding-inline-start:8px;font-size:22px;font-weight:700}.sheet-body{padding-block:18px calc(20px + var(--safe-b));padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px));overflow:auto}.sheet-bottom{align-items:flex-end}.sheet-bottom .sheet{width:100%;max-height:88vh;animation:sheet-up .26s var(--ease) both;border-radius:24px 24px 0 0}.sheet-bottom .sheet-grabber{display:block}.sheet-end{justify-content:flex-start}.sheet-end .sheet{width:min(440px,100%);height:100%;animation:sheet-side .26s var(--ease) both;border-radius:0 24px 24px 0}.sheet-center{justify-content:center;align-items:center;padding:16px}.sheet-center .sheet{width:min(780px,100%);max-height:90vh;animation:rise .26s var(--ease) both;border-radius:24px}.option{min-height:48px;transition:background var(--dur), border-color var(--dur);border:1px solid #0000;border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:6px 12px;display:flex}.option:hover{background:var(--surface-2)}.option:has(input:checked){background:var(--gold-soft);border-color:#a5813f59}.option-name{font-weight:600}.option-name small{color:var(--muted);font-weight:400}.option-note{color:var(--muted);flex-basis:100%;margin-top:-8px;padding-inline-start:32px;font-size:12px}.is-unavailable .option-name{color:var(--muted);font-weight:500}.base-list{flex-direction:column;gap:2px;display:flex}.target-list{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.presets{flex-direction:column;align-items:stretch;gap:8px;display:flex}.presets .btn{border-radius:14px;justify-content:space-between}.scope-note{background:var(--surface-2);border:1px solid var(--hairline);border-radius:var(--radius);flex-direction:column;gap:4px;margin-bottom:16px;padding:14px 16px;font-size:14px;display:flex}.tabs{border-bottom:1px solid var(--hairline);gap:4px;margin-bottom:14px;display:flex}.tab{min-height:var(--tap);color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;padding:0 18px;font-weight:600}.tab[aria-selected=true]{color:var(--ink);border-color:var(--gold)}.bookmark-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.index-list,.index-grid{margin:0;padding:0;list-style:none}.index-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.index-item{border:0;border-bottom:1px solid var(--hairline);text-align:start;width:100%;min-height:54px;transition:background var(--dur);background:0 0;border-radius:0;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:6px 8px;display:grid}.index-grid .index-item{border:1px solid var(--hairline);background:var(--surface-solid);border-radius:14px;grid-template-columns:1fr;gap:0}.index-item:hover{background:var(--surface-2)}.index-item[aria-current=page]{background:var(--gold-soft)}.index-num{width:32px;height:32px;color:var(--gold);border:1px solid #a5813f80;border-radius:6px;justify-content:center;align-items:center;font-size:12px;display:inline-flex;transform:rotate(45deg)}.index-num>*{transform:rotate(-45deg)}.index-name{font-family:var(--font-title);font-size:18px;font-weight:700}.index-meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.page-form{align-items:flex-end;gap:10px;display:flex}.page-form .field{flex:1;margin:0}.sources h3{font-family:var(--font-title);margin:8px 0 10px;font-size:22px}.coverage{border-collapse:collapse;width:100%;margin-bottom:12px;font-size:14px}.sources>.coverage{display:block;overflow-x:auto}.coverage th,.coverage td{border-bottom:1px solid var(--hairline);text-align:start;vertical-align:top;padding:9px 8px}.coverage thead th{color:var(--muted);font-size:12px;font-weight:600}.source-list{flex-direction:column;gap:12px;padding:0;font-size:14px;list-style:none;display:flex}.source-list li{flex-direction:column;display:flex}.sources p{margin-bottom:8px;font-size:14px}.player{z-index:30;bottom:calc(14px + var(--safe-b));left:max(20px, env(safe-area-inset-left,0px));right:calc(var(--nav-w) + 20px);background:var(--surface-solid);border:1px solid var(--hairline);border-radius:18px;max-width:760px;margin:0 auto;padding:8px 10px 8px 14px;position:fixed;box-shadow:0 12px 32px -18px #0a1e2273}.player-main{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;display:grid}.play-btn{width:44px;height:44px;color:var(--on-accent);background:var(--accent);transition:transform var(--dur) var(--ease), opacity var(--dur);border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.play-btn svg{width:18px;height:18px}.play-btn:hover:not(:disabled){transform:scale(1.05)}.player-info{flex-direction:column;gap:4px;min-width:0;display:flex}.player-title{white-space:nowrap;align-items:baseline;gap:8px;min-width:0;font-size:14px;display:flex;overflow:hidden}.player-reciter{text-overflow:ellipsis;font-weight:600;overflow:hidden}.player-sub{color:var(--muted);text-overflow:ellipsis;font-size:12px;overflow:hidden}.player-sub.is-compare{color:var(--rose)}.progress-row{color:var(--muted);font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;font-size:12px;display:grid}.progress{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px;margin:0}.progress::-webkit-slider-runnable-track{background:linear-gradient(to left, var(--accent) var(--p,0%), var(--hairline) var(--p,0%));border-radius:4px;height:4px}.progress::-moz-range-track{background:var(--hairline);border-radius:4px;height:4px}.progress::-moz-range-progress{background:var(--accent);border-radius:4px;height:4px}.progress::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);width:12px;height:12px;box-shadow:0 0 0 3px var(--surface-solid);transition:transform var(--dur);border-radius:50%;margin-top:-4px}.progress::-moz-range-thumb{background:var(--accent);border:0;border-radius:50%;width:12px;height:12px}.progress:hover::-webkit-slider-thumb{transform:scale(1.2)}.progress:disabled{cursor:default;opacity:.6}.rate-chip{border:1px solid var(--hairline);min-width:44px;height:32px;color:var(--ink);font-variant-numeric:tabular-nums;background:0 0;border-radius:999px;font-size:12px;font-weight:600}.rate-chip:hover,.player-more:hover{background:var(--surface-2)}.player-more{width:36px;height:36px;color:var(--ink);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.player-msg,.player-error{color:var(--muted);font-size:14px}.player-error{color:var(--danger);flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.player-extra{border-top:1px solid var(--hairline);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 20px;max-height:50vh;margin-top:10px;padding-top:12px;display:grid;overflow:auto}.player-group{flex-direction:column;gap:6px;font-size:14px;display:flex}.ayah-range{grid-column:1/-1}.ayah-range select{width:auto;min-width:70px}.player-note{grid-column:1/-1;font-size:12px}.stepper output{text-align:center;min-width:26px;font-weight:700}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes sheet-up{0%{opacity:.5;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes sheet-side{0%{opacity:.5;transform:translate(-24px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}.locus-chips{flex-flow:wrap;gap:8px}.locus-chips .locus-item{border-color:var(--hairline);background:var(--surface-solid);border-radius:999px;grid-template-columns:auto auto;gap:8px;width:auto;min-height:40px;padding:0 12px 0 6px}.locus-chips .locus-item .locus-cat{display:none}.locus-chips .locus-n{width:26px;height:26px}.mode-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.mode-label{color:var(--muted);font-size:12px;font-weight:700}.detail-tabs{margin:0}.tab-count{background:var(--gold-soft);color:var(--gold);border-radius:999px;margin-inline-start:4px;padding:0 7px;font-size:12px}.faces{flex-direction:column;gap:12px;display:flex}.sheet-left{justify-content:flex-end}.sheet-left .sheet{width:min(440px,100%);height:100%;animation:sheet-from-left .26s var(--ease) both;border-radius:0 24px 24px 0}@keyframes sheet-from-left{0%{opacity:.5;transform:translate(-28px)}to{opacity:1;transform:none}}.compare{flex-direction:column;gap:26px;display:flex}.compare-section{flex-direction:column;gap:10px;display:flex}.compare-h{font-family:var(--font-title);font-size:22px;font-weight:700}.compare-help{color:var(--muted);margin-top:-6px;font-size:12px}.compare-row{justify-content:space-between;align-items:center;display:flex}.rcards{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rcard{border:1px solid var(--hairline);background:var(--surface-solid);cursor:pointer;min-height:64px;transition:border-color var(--dur), background var(--dur), box-shadow var(--dur);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.rcard:hover{border-color:#a5813f73}.rcard.is-on{border-color:var(--accent);background:var(--surface-2)}.rcard:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.rcard-base{border-color:var(--hairline);background:var(--surface-2)}.rcard-text{flex-direction:column;line-height:1.35;display:flex}.rcard-name{font-family:var(--font-title);font-size:22px;font-weight:700}.rcard-sub{color:var(--muted);font-size:12px}.rcard-check{border:1.5px solid var(--hairline);color:#1b1408;width:24px;height:24px;transition:background var(--dur), border-color var(--dur);border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.rcard.is-on .rcard-check{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.base-picker>summary{cursor:pointer;list-style:none}.base-picker>summary::-webkit-details-marker{display:none}.rcard-change{color:var(--gold);align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.base-picker[open]>summary{border-radius:16px 16px 6px 6px}.base-picker .base-choices{border:1px solid var(--hairline);border-radius:6px 6px 16px 16px;margin-top:6px;padding:6px}.base-choices{border:0;flex-direction:column;gap:2px;margin:0;padding:0;display:flex}@media (max-width:1099px){.topbar-inner{grid-template-columns:minmax(160px,280px) 1fr auto}}@media (max-width:899px){.shell{grid-template-columns:minmax(0,1fr)}.sidenav{display:none}.topbar-inner{padding-left:max(12px, env(safe-area-inset-left,0px));padding-right:max(12px, env(safe-area-inset-right,0px));grid-template-columns:auto 1fr auto;gap:10px}.topbar-mark{display:inline-flex}.topbar .search{display:none}.where{justify-self:start;align-items:flex-start;min-width:0;padding:2px 6px}.where-surah{white-space:nowrap;text-overflow:ellipsis;max-width:40vw;font-size:22px;overflow:hidden}.compare-btn{width:var(--tap);padding:0}.compare-btn .compare-btn-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.compare-count{min-width:20px;height:20px;font-size:12px;position:absolute;top:-4px;left:-4px}.view-toggle button{min-width:0;padding:0 11px}.content{padding-left:max(6px, env(safe-area-inset-left,0px));padding-right:max(6px, env(safe-area-inset-right,0px));padding-block:12px calc(var(--player-h) + var(--tabbar-h) + var(--safe-b) + 28px)}.site-foot{padding-block:0 calc(var(--player-h) + var(--tabbar-h) + var(--safe-b) + 24px)}.page-toolbar{padding-inline:6px}.toolbar-text{display:none}.player{left:max(8px, env(safe-area-inset-left,0px));right:max(8px, env(safe-area-inset-right,0px));bottom:calc(var(--tabbar-h) + 8px + var(--safe-b));padding:6px 8px 6px 10px}.player-sub{display:none}.play-btn{width:40px;height:40px}.tabbar{z-index:31;height:calc(var(--tabbar-h) + var(--safe-b));padding-bottom:var(--safe-b);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);background:var(--nav-bg);border-top:1px solid #ffffff14;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.tab-item{color:var(--nav-muted);min-height:var(--tabbar-h);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;display:flex;position:relative}.tab-item svg{width:22px;height:22px}.tab-item.is-active{color:var(--nav-gold);font-weight:600}.tab-item.is-active:before{content:"";background:var(--nav-gold);border-radius:0 0 3px 3px;width:28px;height:3px;position:absolute;top:0}.tab-dot{background:#e3a0b9;border-radius:50%;width:8px;height:8px;position:absolute;top:10px;left:calc(50% - 16px)}.sheet-center{align-items:flex-end;padding:0}.sheet-center .sheet{border-radius:24px 24px 0 0;max-height:90vh}.sheet-center .sheet-grabber{display:block}.locus-detail h3{font-size:28px}}@media (max-width:400px){.where-meta .chip:nth-child(2){display:none}.view-toggle button{padding:0 9px;font-size:14px}.where-surah{font-size:18px}}.focus-bar{display:none}.is-focus{grid-template-columns:minmax(0,1fr)}.is-focus .sidenav,.is-focus .topbar,.is-focus .player,.is-focus .site-foot,.is-focus .tabbar,.is-focus .page-toolbar,.is-focus .hint,.is-focus .legend{display:none!important}.is-focus .focus-bar{top:env(safe-area-inset-top,0px);z-index:20;padding-block:10px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));background:var(--bg);justify-content:flex-end;align-items:center;gap:10px;display:flex;position:sticky}.focus-where{font-family:var(--font-title);color:var(--muted);margin-inline-end:auto;font-size:18px}.is-focus .content{padding-block:4px 40px}@media (min-width:1100px){.is-focus .content{grid-template-columns:minmax(320px,380px) minmax(0,1fr);width:100%;max-width:1280px;margin:0 auto}.is-focus .margin{max-height:calc(100vh - 88px);top:64px}}[data-markers=ornament] .w-marker .glyph{color:#6f5d36;vertical-align:middle;min-width:1.15em;height:1.15em;font-size:.62em;line-height:1;font-family:var(--font-ui);border:.06em solid #9d8452;border-radius:999px;justify-content:center;align-items:center;padding:0 .12em;display:inline-flex}.line-surah-combined{gap:.4em}.line-surah-combined .surah-frame{width:48%}.combined-basmala{column-gap:var(--word-gap,0);white-space:nowrap;font-size:.85em;display:inline-flex}.surah-banner{color:var(--header-color,#2f6f5e);font-family:qcf-surah-header;line-height:1;font-size:min(4.4em, calc(var(--qcf-line-em) * .272em));display:none}[data-surah-font=header] .surah-banner{display:inline}[data-surah-font=header] .surah-frame{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}[data-surah-font=header] .line-surah-combined .surah-banner{font-size:min(4.4em, calc(var(--qcf-line-em) * .14em))}.where{cursor:default}.where:hover{background:0 0}.where-meta{color:var(--muted);gap:10px;font-size:12px}.icon-btn-sm{width:var(--tap);height:var(--tap)}.btn-small{min-height:var(--tap)}.segmented button,.segmented.small button{min-height:40px}.segmented{padding:2px}.rate-chip{height:var(--tap);min-width:var(--tap)}.player-more,.player-min-btn{width:var(--tap);height:var(--tap)}.player-min-btn{color:var(--muted);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.player-min-btn:hover{background:var(--surface-2)}.player-main{grid-template-columns:auto minmax(0,1fr) auto auto auto}.progress{height:28px}.zoom-val{min-width:56px;font-size:14px}.toolbar-zoom .icon-btn:disabled{opacity:.35}.sidenav-foot{margin-top:auto}.nav-collapse{color:var(--nav-muted);margin-top:10px}.shell.rail-min{--nav-w:76px}.rail-min .sidenav{padding-inline:10px}.rail-min .sidenav-title,.rail-min .nav-label,.rail-min .sidenav-foot{display:none}.rail-min .nav-item{justify-content:center;padding:0}.rail-min .nav-badge{padding:0 6px;font-size:12px;position:absolute;transform:translate(-14px,-12px)}.rail-min .nav-item{position:relative}.rail-min .sidenav-brand{justify-content:center;padding-inline:0}@media (min-width:1100px){.view-study .content{grid-template-columns:minmax(0,1fr)}.view-study .content.has-margin{grid-template-columns:minmax(340px,400px) minmax(0,1fr)}}.cover-banner,.listen-banner{max-width:calc(var(--page-max) * var(--zoom));min-height:var(--tap);background:var(--surface-2);color:var(--muted);border:1px solid var(--hairline);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin:0 auto 12px;padding:6px 16px;font-size:14px;display:flex}.listen-banner{background:var(--rose-bg);max-width:760px;color:var(--rose);border-color:#0000;justify-content:space-between;margin:12px auto 0}.intro{max-width:calc(var(--page-max) * var(--zoom));background:var(--surface-solid);border:1px solid var(--hairline);animation:rise .4s var(--ease) both;border-radius:16px;margin:0 auto 14px;padding:14px 18px 12px}.intro-top{justify-content:space-between;align-items:center;margin-block:-6px 2px;display:flex}.intro-step{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.intro-title{font-family:var(--font-title);margin-bottom:4px;font-size:18px;font-weight:700}.intro-text{color:var(--muted);font-size:14px;line-height:1.8}.intro-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:10px;display:flex}.player.is-min{border-radius:999px;align-items:center;gap:10px;width:auto;max-width:340px;padding:6px 8px 6px 6px;display:flex}.player-open{min-width:0;min-height:var(--tap);color:var(--ink);text-align:start;background:0 0;border:0;border-radius:999px;flex:1;align-items:center;gap:8px;padding:0 6px;font-size:14px;display:flex}.player-open:hover{background:var(--surface-2)}.player-open .player-sub{color:var(--muted);font-size:12px}.player-open svg{color:var(--muted);margin-inline-start:auto}.shell.player-min .content{padding-bottom:calc(var(--tap) + var(--safe-b) + 40px)}@media (min-width:900px){.player.is-min{left:auto;right:calc(var(--nav-w) + 20px);margin:0}}.rgroup{margin-bottom:10px}.rgroup-h{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:700}.rgroup .rcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.scope-chips{flex-wrap:wrap;gap:6px;display:flex}.face-source,.set-aside{color:var(--muted);font-size:12px;line-height:1.8}.copy-link{margin-top:6px}.setting-value{font-size:16px;font-weight:600}.summary-list{flex-direction:column;gap:8px;margin-bottom:14px;padding-inline-start:18px;font-size:14px;line-height:1.8;display:flex}.sources-details{border-top:1px solid var(--hairline);padding-block:10px}.sources-details summary{cursor:pointer;min-height:var(--tap);align-items:center;font-weight:600;display:flex}.bookmarks{flex-direction:column;gap:12px;display:flex}.bookmark-item{align-items:center;gap:6px;display:flex}.bookmark-item .index-item{flex:1}:root[data-theme=dark] .surah-banner{color:color-mix(in srgb, var(--header-color,#2f6f5e) 35%, #efe6cf)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .surah-banner{color:color-mix(in srgb, var(--header-color,#2f6f5e) 35%, #efe6cf)}}:root[data-theme=dark] .mushaf-page{box-shadow:0 0 0 1px #ffffff0d,0 12px 32px -22px #0009}:root[data-theme=dark] [data-markers=ornament] .w-marker .glyph{color:var(--page-ink-soft);border-color:var(--page-ink-soft)}@media (max-width:899px){.player.is-min{left:auto;right:max(8px, env(safe-area-inset-right,0px))}.rgroup .rcards{grid-template-columns:repeat(2,minmax(0,1fr))}}.is-focus .intro,.is-focus .cover-banner{display:none!important}@font-face{font-family:quran-ui;font-display:swap;src:url(https://verses.quran.foundation/fonts/quran/hafs/uthmanic_hafs/UthmanicHafs1Ver18.woff2)format("woff2")}.locus-label,.locus-detail h3,.face-text,.unknown-list [translate=no]{font-family:"quran-ui", var(--font-title);font-weight:400}.locus-chips .locus-label{font-size:18px}.locus-detail h3{font-size:28px}@media (max-width:899px){.intro{padding:10px 14px}.intro-title{font-size:16px}.intro-text{font-size:14px;line-height:1.7}.intro-actions{margin-top:6px}}.player.is-min:has(.player-error){border-radius:18px;flex-wrap:wrap;max-width:420px}.player.is-min .player-error{flex-basis:100%;margin:4px 6px 2px}.made-by{color:#1b1b1b;min-height:var(--tap);background:#fbf6e8;border-radius:14px;align-items:center;gap:10px;margin:12px 4px 0;padding:10px 12px;text-decoration:none;display:flex}.made-by:hover{background:#fff}.made-by img{flex:none;width:34px;height:auto}.made-by-text{flex-direction:column;line-height:1.15;display:flex}.made-by-pre{color:#3a3a3a;font-size:12px;font-weight:600}.made-by-name{letter-spacing:.2px;font-size:18px;font-weight:800}.rail-min .made-by{justify-content:center;margin-inline:0;padding:6px}.rail-min .made-by-text{display:none}.q-glyphs{white-space:nowrap;color:inherit;font-feature-settings:normal;line-height:1.9;font-weight:400!important}.q-text{font-family:quran-ui,serif!important;font-weight:400!important}.locus-chips .q-glyphs.locus-label{font-size:22px}.locus-detail h3 .q-glyphs{font-size:34px}.face-text.q-glyphs,.face-text.q-text{font-size:30px}.unknown-list .q-glyphs,.unknown-list .q-text{font-size:20px}.w-selected,.w-diff.w-selected,.w-diff.w-selected:hover{background:linear-gradient(to bottom, transparent 18%, var(--sel-bg) 18%, var(--sel-bg) 88%, transparent 88%);box-shadow:inset 0 -.2em 0 -.13em var(--sel-line)}.legend-sel{background:var(--sel-bg);box-shadow:inset 0 -3px 0 var(--sel-line)}.locus-item[aria-current=true] .locus-n{background:var(--sel-bg);color:var(--ink)}.is-fit .mushaf-page{width:min(100%, var(--fit-w));min-width:0}.is-fit .page-toolbar,.is-fit .pager,.is-fit .intro,.is-fit .cover-banner,.is-fit .legend{max-width:max(var(--fit-w), 420px)}.is-fit .content{padding-block-start:12px}.is-fit .page-toolbar{margin-bottom:8px}.is-fit .pager{margin-top:10px}@media (min-width:1100px){.shell:has(.content.has-margin) .player:not(.is-min){left:auto;right:calc(var(--nav-w) + 24px);width:400px;max-width:calc(100vw - var(--nav-w) - 48px);margin:0}.rail-min:has(.content.has-margin) .player:not(.is-min){right:100px}.pager .toolbar-zoom{margin-inline-start:0}}@media (min-width:700px){.shell.is-fit{height:100vh;height:100dvh;overflow:hidden}.shell.is-fit .main{height:100%;overflow:hidden}.shell.is-fit .content{padding-block-end:0}}.sidenav .made-by,.sidenav .sidenav-foot{margin-top:auto}.sidenav .sidenav-foot+.made-by{margin-top:12px}.rail-min .sidenav .made-by{margin-top:auto}:root{--scroll-thumb:color-mix(in srgb, var(--gold) 55%, transparent);--scroll-thumb-hover:var(--gold)}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-corner{background:0 0}.sidenav{scrollbar-width:none}.sidenav::-webkit-scrollbar{display:none}