:root,:root[data-palette=book]{--paper:#fff;--ink:#1f1d1f;--tajweed:#2a74c8;--bg:#eef2f7;--chrome:#22303f;--chrome-bg:#fff;--line:#282630;--rust:#bd6944;--rust-text:#9a4f2f;--blue:#3480d9;--light-blue:#b7d1f0;--lightest-blue:#e3eefa;--peach:#e9c9b8;--navy:#1d3f78;--surface:#fff;--surface-2:#f3f6fa;--text:#1f1d1f;--muted:#5d6675;--accent:#1f5fae;--on-accent:#fff;--border:#d9e1ec;--shadow:#1428462e}:root[data-palette=comfort]{--paper:#faf6ec;--ink:#2a2420;--tajweed:#2a64a8;--bg:#e8e2d4;--chrome:#3a3128;--chrome-bg:#faf6ec;--line:#4b4038;--rust:#b37256;--rust-text:#8e5034;--blue:#517fb8;--light-blue:#c9d7e9;--lightest-blue:#eaeff5;--peach:#efdccd;--navy:#2f4a70;--surface:#fbf8f1;--surface-2:#f1ebdf;--text:#2a2420;--muted:#6b5f53;--accent:#386194;--on-accent:#fff;--border:#e0d6c4;--shadow:#3c281429}:root[data-palette=night]{--paper:#1c1b19;--ink:#e6ddcb;--tajweed:#7faee3;--bg:#0f1114;--chrome:#e6ddcb;--chrome-bg:#1c1b19;--line:#0d0c0b;--rust:#a86d51;--rust-text:#d49a7c;--blue:#4e77a6;--light-blue:#2c3b4f;--lightest-blue:#232a33;--peach:#4a3c33;--navy:#152238;--surface:#1f1e1c;--surface-2:#282624;--text:#e6ddcb;--muted:#a39a8c;--accent:#7faee3;--on-accent:#10151c;--border:#3a3733;--shadow:#00000073}:root[data-palette=shamil]{--paper:#fffdf7;--ink:#1b1e1b;--tajweed:#2a74c8;--bg:#f5f2e9;--chrome:#1b2a22;--chrome-bg:#fffdf7;--line:#17261e;--rust:#c38a1e;--rust-text:#7a5c14;--blue:#177a52;--light-blue:#c3e5d1;--lightest-blue:#e6f4ec;--peach:#f5dc98;--navy:#0e4630;--surface:#fffdf7;--surface-2:#f4f0e4;--text:#1b2a22;--muted:#56635b;--accent:#1f4d3a;--on-accent:#fff;--border:#e3dccb;--shadow:#142d2029}:root{--label-floor:7px}@media (min-resolution:1.5x),(-webkit-min-device-pixel-ratio:1.5){:root{--label-floor:6.5px}}.page:not(.front):not(.front-shape){--label-floor:8px}.page{--w:700px;--bw:calc(var(--w) * .078);--label-min:calc(var(--label-floor) * var(--page-zoom,1));--label-size:max(.29em, var(--label-min));--line-h:max(2.1em, calc(1.5em + 2.35 * var(--label-min)));width:var(--w);color:var(--ink);font-size:calc(var(--w) * .045);border:var(--bw) solid transparent;border-image:var(--img-frame) 100 round;background:var(--paper);box-shadow:0 1px 3px #00000024, 0 10px 28px var(--shadow);flex:none;position:relative}.no-labels .page,.no-colours .page{--line-h:2.1em}.page-inner{padding:calc(var(--w) * .012)}:root{--paper-edge:#1f325029;--gutter:#1f325029}:root[data-palette=comfort]{--paper-edge:#4b372333;--gutter:#4b37232b}:root[data-palette=night]{--paper-edge:#ffffff1a;--gutter:#00000080}:root[data-palette=shamil]{--paper-edge:#172d2029;--gutter:#172d2026}:root{--turn-shadow:0 0 0;--turn-sheen:255 255 255}:root[data-palette=comfort]{--turn-shadow:40 26 12;--turn-sheen:255 252 244}:root[data-palette=night]{--turn-shadow:0 0 0;--turn-sheen:72 70 66}:root[data-palette=shamil]{--turn-shadow:12 30 20;--turn-sheen:255 253 247}.paper{background:var(--paper);box-shadow:0 0 0 1px var(--paper-edge), 0 1px 3px #0000001f, 0 10px 28px var(--shadow);flex:none;position:relative}.paper:not(.none)>.page{box-shadow:none}.paper.none{box-shadow:none;background:0 0}.paper[class*=spine-]:after{content:"";z-index:3;pointer-events:none;width:calc(var(--spine) + 2.6%);position:absolute;top:0;bottom:0}.paper.spine-left:after{background:linear-gradient(to right, var(--gutter), color-mix(in srgb, var(--gutter) 30%, transparent) 40%, transparent);left:0}.paper.spine-right:after{background:linear-gradient(to left, var(--gutter), color-mix(in srgb, var(--gutter) 30%, transparent) 40%, transparent);right:0}.view:not(.spread)>.paper:after{opacity:.55}:root{--bind:#1f32504d}:root[data-palette=comfort]{--bind:#4b372352}:root[data-palette=night]{--bind:#0000009e}:root[data-palette=shamil]{--bind:#172d204d}.view:not(.spread)>.paper[data-side]:after{content:"";z-index:3;pointer-events:none;width:calc(var(--spine,3px) + 4%);opacity:1;position:absolute;top:0;bottom:0}.view:not(.spread)>.paper[data-side=right]:after{background:linear-gradient(to right, var(--bind), color-mix(in srgb, var(--bind) 35%, transparent) 45%, transparent);left:1px;right:auto}.view:not(.spread)>.paper[data-side=left]:after{background:linear-gradient(to left, var(--bind), color-mix(in srgb, var(--bind) 35%, transparent) 45%, transparent);left:auto;right:1px}.view.spread{box-shadow:0 1px 3px #0000001f, 0 10px 28px var(--shadow);gap:0}.view.spread>.paper{box-shadow:0 0 0 1px var(--paper-edge)}.page[data-frame]{background:var(--frame) 0 0 / 100% 100% no-repeat border-box, var(--paper);border-image-source:none}@supports (width:round(down, 10.5px, 1px)){.page:not(.cover){--bw:round(down, calc(var(--w) * .078), 1px)}}.page-head,.page-foot{height:var(--bw);pointer-events:none;position:absolute;left:0;right:0}.page-head{top:calc(-1 * var(--bw))}.page-foot{bottom:calc(-1 * var(--bw))}.win{width:37.5%;color:var(--ink);white-space:nowrap;justify-content:center;align-items:center;gap:.3em;line-height:1;display:flex;position:absolute;top:0;bottom:0}.win.juz{font-family:"QuranCommon", var(--ui-font);font-size:calc(var(--bw) * .47);right:0}.win.names{font-family:"SurahNames", var(--ui-font);font-size:calc(var(--bw) * .54);left:0}.win.names>.win-text>:only-child{font-size:1.22em}.win.no{width:25%;font-family:var(--label-font);font-weight:600;font-size:calc(var(--bw) * .4);left:37.5%}.win-text{align-items:center;gap:.3em;padding:0 .15em;display:flex}.page-head.wide .win.names{width:50%}.page-side{align-items:center;display:flex;position:absolute;top:10%;bottom:10%;left:50%;transform:translate(-50%)}.page-side svg{width:auto;height:100%;display:block;overflow:visible}.page-side .bk-cover{fill:var(--navy)}.page-side .pg{fill:color-mix(in srgb, var(--light-blue) 55%, var(--paper));stroke:var(--navy);stroke-width:.9px;stroke-linejoin:round}.page-side .depth,.page-side .ribbon{display:none}.page-side .spine{stroke:var(--navy);stroke-width:1.3px}.page-side.right .pg.r,.page-side.left .pg.l{fill:var(--blue)}.page-side.right .depth.r,.page-side.left .depth.l{fill:var(--navy);opacity:.28;display:inline}.page-side.right .ribbon.r,.page-side.left .ribbon.l{fill:var(--rust);display:inline}.page-head.wide .page-side{left:56.25%}.win.hizb-note{font-family:var(--label-font);font-weight:600;font-size:calc(var(--bw) * .36);color:var(--rust-text,var(--ink))}.win.hizb-note.at-right{right:0}.win.hizb-note.at-left{left:0}.text-block{background:var(--paper);box-shadow:0 0 0 1px var(--line), 0 0 0 .12em var(--rust), 0 0 0 calc(.12em + 1px) var(--line);padding:.05em .6em;position:relative}.line{height:var(--line-h);justify-content:center;align-items:flex-end;display:flex;position:relative}.line .ink{white-space:nowrap;transform-origin:bottom;flex:none;justify-content:space-between;align-items:flex-end;width:100%;display:flex}.page.centered .text-block{min-height:calc(15 * var(--line-h) + .1em);flex-direction:column;justify-content:center;display:flex}.line .ink.natural{justify-content:flex-start;gap:.2em;width:max-content}.page.centered .line .ink,.line .ink.short{justify-content:center;gap:.45em}.w,.basmala,.rub{font-family:var(--quran-font);line-height:1.45}.w{-webkit-text-stroke:.018em currentColor}.tj{color:var(--tajweed)}.line .mark-band{z-index:0;pointer-events:none;background:color-mix(in srgb, var(--tajweed) 14%, white);mix-blend-mode:multiply;border-radius:.28em;position:absolute}:root[data-palette=night] .line .mark-band{background:color-mix(in srgb, var(--tajweed) 22%, black);mix-blend-mode:screen}.w.glossed{background-color:color-mix(in srgb, var(--tajweed) 20%, transparent);border-radius:.2em}.halves .line[data-half-start]:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(to right, transparent, var(--rust) 12%, var(--rust) 88%, transparent);height:1px;position:absolute;top:0;left:8%;right:8%}.halves .line[data-half-start]:after{content:"";z-index:0;pointer-events:none;background:var(--rust);width:.3em;height:.3em;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.line[data-half]{transition:opacity .3s}.halves.reciting .page[data-focus="1"] .line[data-half="2"],.halves.reciting .page[data-focus="2"] .line[data-half="1"]{opacity:.35}:root{--rc-lazim:#9c1c1c;--rc-wajib:#d8261c;--rc-arid:#cf6a06;--rc-madd2:#a5800a;--rc-ghunnah:#178a2c;--rc-idgham:#9a9a9a;--rc-qalqalah:#1592cc;--rc-ra:#2b3cc2}:root[data-palette=night]{--rc-lazim:#d9605a;--rc-wajib:#ff7a6b;--rc-arid:#f39a3c;--rc-madd2:#dcc155;--rc-ghunnah:#5fcb6c;--rc-idgham:#7f7c76;--rc-qalqalah:#56c3f0;--rc-ra:#94a0ff}.tj[data-r],.lbl[data-r]{color:var(--rc)}[data-r=lazim]{--rc:var(--rc-lazim)}[data-r=wajib]{--rc:var(--rc-wajib)}[data-r=arid]{--rc:var(--rc-arid)}[data-r=madd2]{--rc:var(--rc-madd2)}[data-r=ghunnah]{--rc:var(--rc-ghunnah)}[data-r=idgham],[data-r=x]{--rc:var(--rc-idgham)}[data-r=qalqalah]{--rc:var(--rc-qalqalah)}[data-r=ra]{--rc:var(--rc-ra)}.tj[data-r=none]{color:inherit}.lbl[data-r=none]{color:color-mix(in srgb, var(--ink) 72%, var(--paper))}.rule-key{grid-template-columns:repeat(auto-fill,minmax(min(100%,15em),1fr));gap:6px 14px;margin:0;padding:0;list-style:none;display:grid}.rule-key li{align-items:baseline;gap:8px;font-size:13px;line-height:1.5;display:flex}.rule-key li i{background:var(--rc);border-radius:50%;flex:none;width:11px;height:11px;transform:translateY(1px)}.rule-key li.none{opacity:.8;grid-column:1/-1;font-size:12px}.no-colours .tj{color:inherit}.no-labels .lbl,.no-colours .lbl{display:none}.ayah{background:var(--img-ayah) center / contain no-repeat;width:1.3em;height:1.3em;font-family:var(--label-font);flex:none;justify-content:center;align-items:center;margin-bottom:.1em;font-size:1em;font-weight:600;line-height:1;display:inline-flex}.ayah span{color:var(--ink);font-size:.42em}.ayah span.small{font-size:.36em}.rub{color:var(--rust)}.line.surah{align-items:center}.surah-panel{background:var(--img-panel) center / 100% 100% no-repeat;justify-content:center;align-items:center;width:16.626em;height:2.05em;margin:0 auto;display:flex;position:relative}.surah-panel .num{color:var(--ink);font-family:var(--label-font);flex-direction:column;align-items:center;gap:.04em;font-weight:600;line-height:1;display:flex;position:absolute;top:50%;transform:translate(-50%,-50%)}.surah-panel .num.right{left:79.38%}.surah-panel .num.left{left:20.62%}.surah-panel .num small{font-size:.27em}.surah-panel .num b{font-size:.4em}.surah-title{font-family:"SurahNames", var(--ui-font);color:var(--ink);font-size:1.6em;line-height:1}.line.basmala-line{align-items:center}.basmala{font-family:"QuranCommon", var(--quran-font);font-size:1.45em;line-height:1}.hizb{z-index:2;background:var(--img-hizb) center / contain no-repeat;width:1.45em;height:2.4em;color:var(--ink);font-family:var(--label-font);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.03em;padding-top:.55em;font-weight:600;line-height:1.05;display:flex;position:absolute;transform:translate(-50%,-50%)}.hizb-text{flex-direction:column;align-items:center;gap:.03em;display:flex}.hizb-text>span{font-size:.17em}.hizb-text>b{font-size:.22em}.lbl{z-index:1;font-family:var(--label-font);font-weight:600;font-size:var(--label-size);color:var(--tajweed);white-space:nowrap;pointer-events:none;line-height:1.15;position:absolute}.dbg-anchor{pointer-events:none;z-index:3;background:#e0245e;width:1px;position:absolute}.sajda-line{z-index:1;background:var(--ink);pointer-events:none;position:absolute}.page.full-width{font-size:var(--fw-em,calc(var(--w) * .045));box-shadow:none;--line-h:calc(max(2.1em, calc(1.5em + 2.5 * var(--label-min))) * var(--pitch,1));border-left-width:0;border-right-width:0}.no-labels .page.full-width,.no-colours .page.full-width{--line-h:calc(2.1em * var(--pitch,1))}.page.full-width>.page-head,.page.full-width>.page-foot{left:var(--bw);right:var(--bw)}.page.full-width .page-inner{padding:calc(.32em * var(--pitch,1)) .2em calc(.3em * var(--pitch,1))}.page.full-width .text-block{--rule-gap:1.25px;padding-top:calc(.3em * var(--pitch,1));padding-bottom:calc(.17em * var(--pitch,1));box-shadow:0 0 0 var(--rule-gap) var(--paper), 0 0 0 calc(var(--rule-gap) + 1px) var(--line), 0 0 0 calc(var(--rule-gap) + .12em) var(--rust), 0 0 0 calc(var(--rule-gap) + .12em + 1px) var(--line)}.page.full-width.centered .text-block{min-height:calc(15 * var(--line-h) + .47em * var(--pitch,1))}.paper.full-width{box-shadow:none}.page.whole:not(.centered) .line .ink.natural{gap:.15em}.page.whole .text-block{padding-left:.3em;padding-right:.3em}.page.whole:not(.full-width) .text-block{--rule-gap:1.25px;box-shadow:0 0 0 var(--rule-gap) var(--paper), 0 0 0 calc(var(--rule-gap) + 1px) var(--line), 0 0 0 calc(var(--rule-gap) + .12em) var(--rust), 0 0 0 calc(var(--rule-gap) + .12em + 1px) var(--line);padding-top:.3em;padding-bottom:.17em}.page.whole:not(.full-width) .page-inner{padding:calc(.12em + 3.25px)}.page.whole:not(.full-width).centered .text-block{min-height:calc(15 * var(--line-h) + .47em)}.page.whole{--line-h:max(var(--whole-h,2.1em), calc(1.5em + 2.35 * var(--label-min)))}.page.full-width.whole{--line-h:calc(max(var(--whole-h,2.1em), calc(1.5em + 2.5 * var(--label-min))) * var(--pitch,1))}.no-labels .page.whole,.no-colours .page.whole{--line-h:var(--whole-h,2.1em)}.no-labels .page.full-width.whole,.no-colours .page.full-width.whole{--line-h:calc(var(--whole-h,2.1em) * var(--pitch,1))}:root.ink-bold .page .w{-webkit-text-stroke-width:.03em}.page.front .text-block{min-height:calc(15 * var(--line-h) + .1em);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5em;padding:.6em 1em;display:flex;overflow:hidden}.front-fit{flex-direction:column;align-items:center;gap:.5em;width:100%;display:flex}.page.front.plain{border-image-source:none}.page.front.plain .text-block{box-shadow:none}.page.front.cover{background:var(--ground);border-radius:calc(var(--w) * .012);border-image-source:none;align-self:center;box-shadow:0 1px 2px #00000040,0 14px 34px #00000047}.page.front.cover .page-inner{display:none}.cover-art{inset:calc(-1 * var(--bw));border-radius:inherit;position:absolute;overflow:hidden}.cover-canvas{background:var(--img-cover) center / 100% 100% no-repeat;position:absolute;inset:0}.cover-text{font-family:var(--title-font);font-weight:700;font-size:var(--size,1em);white-space:nowrap;line-height:1.3;position:absolute;transform:translate(-50%,-50%)}.cover-sub{font-weight:400}.shamsa{aspect-ratio:1000/1400;background:var(--img-shamsa) center / contain no-repeat;width:94%;max-height:100%;position:relative}.shamsa.plain{background-image:var(--img-shamsa-plain)}.page.front .shamsa-disc.text-block{min-height:0;box-shadow:none;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:0;display:flex;position:absolute;overflow:visible}.shamsa-disc .line{width:100%;height:max(2em, calc(1.45em + 2.35 * var(--label-size)))}.shamsa-disc .verse-ref{font:600 max(.42em, 9px)/1 var(--label-font);color:var(--muted,var(--ink));margin-top:.3em}.no-colours .shamsa-disc .lbl,.no-labels .shamsa-disc .lbl{display:block}.roundel{aspect-ratio:1330/1360;background:var(--img-roundel) center / contain no-repeat;width:42%;margin-bottom:.4em}.front-panel{background:var(--img-panel) center / 100% 100% no-repeat;flex:none;justify-content:center;align-items:center;width:16.626em;max-width:100%;height:2.05em;display:flex;position:relative}.front-panel.big{width:21.0866em;height:2.6em}.panel-text{font:700 .95em/1.2 var(--title-font);color:var(--ink);white-space:nowrap}.front-panel.big .panel-text{font-size:1.05em}.front-line{font:400 .74em/1.7 var(--title-font);color:var(--ink);margin:0}.front-line.strong{font-size:.92em;font-weight:700}.front-line.accent{color:var(--tajweed);font-family:var(--label-font);font-size:max(.64em,11px);font-weight:600}.front-rule{background:radial-gradient(circle, var(--rust) 0 .12em, transparent .13em) center / .6em .6em no-repeat, linear-gradient(var(--rust), var(--rust)) center / 100% 1px no-repeat;width:40%;height:.6em;margin:.2em 0}.front-stats{gap:1.6em;margin:.3em 0 .4em;display:flex}.front-stats div{flex-direction:column;align-items:center;display:flex}.front-stats b{font:700 1.3em/1.1 var(--title-font);color:var(--rust-text)}.front-stats small{font:600 max(.52em, 10px)/1.4 var(--label-font);color:var(--ink)}.front-par{max-width:96%;font:400 max(.64em, 11.5px)/1.85 var(--ui-font);color:var(--ink);text-wrap:pretty;margin:0}.front-par.note{color:var(--rust-text);font-weight:600}.front-par:lang(en){line-height:1.6}.page.front[data-front^=key] .text-block{justify-content:flex-start;padding-block:.9em}.key-intro{font-size:max(.6em,10.5px)}.key-rows{flex-direction:column;gap:.08em;width:100%;display:flex}.key-group{border-bottom:1px solid var(--light-blue,currentColor);font:700 max(.62em, 11px)/1.5 var(--title-font);color:var(--rust-text);text-align:start;margin:.35em 0 .05em;padding-bottom:.1em}.key-row{text-align:start;grid-template-columns:5.4em 1fr;align-items:center;gap:.5em;display:grid}.key-row .ex{flex-direction:column;align-items:center;min-width:0;display:flex}.key-row .ex .lbl-demo{font:600 var(--label-size)/1.2 var(--label-font);color:var(--tajweed);white-space:nowrap}.key-row .ex .words{font:.92em/1.5 var(--quran-font);white-space:nowrap}.key-row .ex .words .tj{color:var(--tajweed)}.key-row .ex .where{font:600 max(.34em, 8.5px)/1.2 var(--label-font);color:var(--ink)}.ex .where .name,.key-text bdi{white-space:nowrap}.key-text{flex-direction:column;gap:.05em;min-width:0;display:flex}.key-text b{font:700 max(.64em, 11px)/1.3 var(--title-font);color:var(--ink)}.key-text small{font:400 max(.54em, 10px)/1.55 var(--ui-font);color:var(--ink)}.no-colours .key-row .tj,.no-colours .shamsa-disc .tj{color:var(--tajweed)}.page.front[data-front^=key]:lang(en) .text-block{padding-block:.6em}.front-fit:lang(en) .key-row{grid-template-columns:max(4.2em,40px) 1fr;gap:max(.4em,5px)}.page.front[data-front^=key] .front-fit:lang(en){gap:.4em}.front-fit:lang(en) .key-intro{font-size:max(.6em,9px);line-height:1.4}.front-fit:lang(en) .key-group{margin-top:.25em;font-size:max(.62em,10px);line-height:1.35}.front-fit:lang(en) .key-text b{font-size:max(.64em,10.5px);line-height:1.2}.front-fit:lang(en) .key-text small{font-size:max(.54em,9px);line-height:1.3}.front-fit:lang(en) .key-row .ex .where{margin-top:.2em;line-height:1.25}.front-fit:lang(en) .key-text bdi:lang(ar){font-size:1.15em}.page.front[data-front^=key] .text-block.tight{padding-block:.3em}.front-fit.tight{gap:.3em}.front-fit.tight .key-group{margin-top:.2em}.front-fit.tight .key-intro{line-height:1.45}.front-fit.tight .key-text small{line-height:1.35}.front-fit.tight .key-rows,.front-fit.tight .key-text{gap:0}.front-fit.tight:lang(en) .key-intro{line-height:1.25}.front-fit.tight:lang(en) .key-text small{line-height:1.15}:root{--label-font:"Noto Naskh Arabic", "Amiri", serif;--ui-font:"Noto Naskh Arabic", "Amiri", sans-serif;--title-font:"Amiri", "Noto Naskh Arabic", serif;--quran-font:"UthmanicHafs", serif;--bar-h:56px;--desk-gap:10px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--radius:14px;--ease:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body{overscroll-behavior:none;height:100%;margin:0}body{background:var(--bg) var(--img-backdrop,none) repeat;color:var(--text);font:16px/1.6 var(--ui-font);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[hidden]{display:none!important}.i18n-pending [data-i18n]{visibility:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.icon-btn{width:44px;height:44px;color:var(--text);background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:background .15s;display:inline-flex}.icon-btn:hover{background:var(--surface-2)}.icon-btn:active{background:var(--border)}.icon-btn svg{width:24px;height:24px}.icon-btn[aria-pressed=true]{color:var(--accent)}.icon-btn[disabled]{opacity:.35;cursor:default;background:0 0}.appbar,.bottombar{z-index:20;padding-left:max(8px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right));background:var(--surface);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);transition:transform .28s var(--ease), opacity .28s;align-items:center;gap:4px;display:flex;position:fixed;left:0;right:0}@supports (color:color-mix(in srgb, red, blue)){.appbar,.bottombar{background:color-mix(in srgb, var(--surface) 90%, transparent)}}.appbar{height:calc(var(--bar-h) + var(--safe-top));padding-top:var(--safe-top);border-bottom:1px solid var(--border);top:0}.bottombar{height:calc(var(--bar-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);border-top:1px solid var(--border);bottom:0}.bars-hidden .appbar{opacity:0;pointer-events:none;transform:translateY(-100%)}.bars-hidden .bottombar{opacity:0;pointer-events:none;transform:translateY(100%)}@media (prefers-reduced-motion:reduce){.bars-hidden .appbar,.bars-hidden .bottombar{transform:none}}@media (max-width:479px){#btn-fullscreen{display:none}}.appbar .title{background:0 0;border:0;border-radius:10px;flex-direction:column;flex:1;align-items:center;min-width:0;padding:2px 8px;line-height:1.25;display:flex}.appbar .title:hover{background:var(--surface-2)}.appbar .title b{font:700 19px/1.3 var(--title-font);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.appbar .title small{color:var(--muted);white-space:nowrap;font-size:12.5px}.appbar .title b.two-lines{line-height:1.1}.bottombar .pager{flex:1;align-items:center;gap:12px;min-width:0;padding-inline:4px;display:flex}.pager input[type=range]{appearance:none;direction:rtl;background:0 0;flex:1;min-width:0;height:28px;margin:0}.pager input[type=range]::-webkit-slider-runnable-track{background:var(--border);border-radius:4px;height:4px}.pager input[type=range]::-moz-range-track{background:var(--border);border-radius:4px;height:4px}.pager input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);border:3px solid var(--surface);width:20px;height:20px;box-shadow:0 1px 4px var(--shadow);border-radius:50%;margin-top:-8px}.pager input[type=range]::-moz-range-thumb{background:var(--accent);border:3px solid var(--surface);border-radius:50%;width:16px;height:16px}.page-chip{border:1px solid var(--border);background:var(--surface-2);min-width:64px;height:34px;color:var(--text);border-radius:999px;flex:none;padding:0 10px;font-size:14px;font-weight:600}#stage{padding:calc(var(--safe-top) + var(--desk-gap)) env(safe-area-inset-right,0px) calc(var(--safe-bottom) + var(--desk-gap)) env(safe-area-inset-left,0px);touch-action:pan-y pinch-zoom;outline:none;flex-wrap:wrap;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow:hidden auto}#stage.on-paper{--desk-gap:4px;background:var(--paper)}.zoomed #stage{touch-action:auto;justify-content:flex-start;overflow-x:auto}#stage[data-edge]{cursor:grab}.view{will-change:transform;scale:var(--clear-scale,1);transition:scale .28s var(--ease);translate:var(--push,0px) 0px;justify-content:center;gap:14px;margin:auto;display:flex}#stage.clear-scaled>.view:not(.moving){will-change:auto}#stage.clear-bars>.view{padding-block:var(--bar-h)}.view.stacked{flex-direction:column;align-items:center}.view.moving{top:var(--view-top,0);left:env(safe-area-inset-left,0px);right:env(safe-area-inset-right,0px);width:max-content;margin-inline:auto;position:absolute;margin-block:0!important}.view.animate{transition:transform .32s var(--ease), scale .28s var(--ease)}#stage.column{overflow-anchor:none;display:block}#stage.column>.page-end{display:none}#stage.column .view{will-change:auto}.col{align-items:center;gap:var(--col-gap,10px);flex-direction:column;width:max-content;min-width:100%;display:flex}#stage.on-paper .col{--col-gap:6px}.col>.slot{justify-content:center;width:100%;display:flex}.col>.slot>.view{margin:0 auto}.col>.slot.blank{background:color-mix(in srgb, var(--paper,#fff) 55%, transparent);border-radius:4px}#stage.column .rf-screen{height:auto}#stage.column .rf-body{flex:none}#stage.column .rf-head,#stage.column .rf-foot{display:none}.page-end{padding:14px 0 calc(var(--bar-h) - 6px);flex-direction:column;flex:0 0 100%;order:1;align-items:center;gap:8px;display:none}#stage.scrolls>.page-end{display:flex}.end-next{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--accent);box-shadow:0 1px 3px var(--shadow);border-radius:999px;align-items:center;gap:10px;padding:0 20px;font-size:15px;font-weight:600;display:inline-flex}.end-next[disabled]{color:var(--muted);box-shadow:none;cursor:default}.end-next svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.pull-meter{background:var(--border);opacity:0;border-radius:4px;width:140px;height:4px;transition:opacity .2s;overflow:hidden}.pull-meter.on{opacity:1}.pull-meter>i{height:100%;width:calc(var(--p,0) * 100%);background:var(--accent);display:block}.page-more{z-index:6;left:var(--more-x,12px);bottom:calc(var(--safe-bottom) + 18px);border:1px solid var(--border);background:var(--surface);width:46px;height:46px;color:var(--accent);box-shadow:0 2px 10px var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s, visibility 0s .25s, bottom .28s var(--ease);border-radius:50%;place-items:center;display:grid;position:fixed}body:not(.bars-hidden) .page-more{bottom:calc(var(--safe-bottom) + var(--bar-h) + 12px)}.page-more.on{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .25s, bottom .28s var(--ease)}.page-more svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.shot .page-end,.shot .page-more{display:none!important}#offscreen{visibility:hidden;pointer-events:none;z-index:-1;position:fixed;top:0;left:0}#offscreen .view{margin:0}.loading{z-index:5;pointer-events:none;color:var(--muted);place-items:center;font-size:15px;display:grid;position:fixed;inset:0}.loading .spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;margin:0 auto 10px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.scrim{z-index:30;opacity:0;pointer-events:none;background:#00000061;transition:opacity .25s;position:fixed;inset:0}.scrim.open{opacity:1;pointer-events:auto}.panel{z-index:40;background:var(--surface);color:var(--text);box-shadow:0 10px 40px var(--shadow);visibility:hidden;transition:transform .3s var(--ease), visibility 0s .3s;flex-direction:column;display:flex;position:fixed}.panel.open{visibility:visible;transition:transform .3s var(--ease), visibility 0s}.panel-head{min-height:60px;padding:calc(var(--safe-top) + 8px) 0 8px;border-bottom:1px solid var(--border);flex:none;align-items:center;gap:8px;padding-inline:12px 8px;display:flex}.panel-head h2{font:700 21px/1.3 var(--title-font);flex:1;margin:0;padding-inline:8px}.panel-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;overflow-y:auto}.drawer{top:0;bottom:0;width:min(88vw,400px);padding-right:env(safe-area-inset-right,0px);inset-inline-start:0;transform:translate(100%)}[dir=ltr] .drawer{padding-right:0;padding-left:env(safe-area-inset-left,0px);transform:translate(-100%)}.drawer .panel-body{padding-bottom:var(--safe-bottom)}.drawer.open,[dir=ltr] .drawer.open{transform:none}.drawer .panel-head{border-bottom:0}.home-link{border:1px solid var(--border);background:var(--surface-2);min-height:44px;color:var(--text);font:600 14.5px/1 var(--ui-font);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px;text-decoration:none;display:inline-flex}.home-link:hover{border-color:var(--accent)}.home-link [data-icon]{display:inline-flex}.home-link svg{width:20px;height:20px;color:var(--accent)}.search{margin:0 16px 8px;position:relative}.search input{padding:0;border:1px solid var(--border);background:var(--surface-2);border-radius:12px;outline:none;width:100%;height:44px;padding-inline:42px 14px}.search input:focus{border-color:var(--accent)}.search input{text-overflow:ellipsis}:root[lang=en] .search input::placeholder{font-size:14px}.search svg{inset-inline-start:12px;width:22px;height:22px;color:var(--muted);position:absolute;top:10px}.tabs{border-bottom:1px solid var(--border);margin:0 16px;display:flex}.tabs button{height:42px;color:var(--muted);background:0 0;border:0;border-bottom:2.5px solid #0000;flex:1;margin-bottom:-1px;font-weight:600}.tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.list{margin:0;padding:6px 8px 24px;list-style:none}.list button{text-align:start;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;min-height:60px;padding:8px 10px;display:flex}.list button:hover,.list .current button{background:var(--surface-2)}@supports (color:color-mix(in srgb, red, blue)){.list .current button{background:color-mix(in srgb, var(--accent) 10%, transparent)}}.list .badge{width:38px;height:38px;color:var(--text);background:var(--img-badge,none) center / contain no-repeat;flex:none;place-items:center;font-size:14px;font-weight:600;display:grid}.badge-star{clip-path:polygon(50% 0,64% 15%,85% 15%,85% 36%,100% 50%,85% 64%,85% 85%,64% 85%,50% 100%,36% 85%,15% 85%,15% 64%,0 50%,15% 36%,15% 15%,36% 15%);background:var(--surface-2)!important}@supports (color:color-mix(in srgb, red, blue)){.badge-star{background:color-mix(in srgb, var(--accent) 16%, var(--surface))!important}}.list .main{flex-direction:column;flex:1;min-width:0;line-height:1.35;display:flex}.list .main b{font:700 18.5px/1.35 var(--title-font)}.list .main b .ar{color:var(--muted);margin-inline-start:6px;font-size:15.5px;font-weight:400}.list .main small{color:var(--muted);text-wrap:pretty;font-size:13px}.list .end{color:var(--muted);text-align:center;flex:none;min-width:40px;font-size:13.5px}.list .end b{color:var(--text);font-size:15px;display:block}.list .remove{width:40px;height:40px;min-height:0;color:var(--muted);flex:none;justify-content:center;padding:0}.empty{text-align:center;color:var(--muted);padding:28px 24px;line-height:1.8}.goto-hint{margin:4px 16px 0}.goto-hint button{border:1px dashed var(--accent);width:100%;min-height:48px;color:var(--accent);background:0 0;border-radius:12px;font-weight:600}.front-links{flex-wrap:wrap;gap:8px;margin:10px 16px 0;display:flex}.front-links button{border:1px solid var(--border);background:var(--surface-2);min-height:36px;color:var(--text);font:600 14px/1 var(--ui-font);white-space:nowrap;border-radius:999px;flex:none;padding:0 14px}.front-links button:active{background:var(--border)}.sheet{max-height:88vh;padding-bottom:var(--safe-bottom);border-radius:20px 20px 0 0;bottom:0;left:0;right:0;transform:translateY(105%)}.sheet.open{transform:none}.sheet .grip{background:var(--border);border-radius:3px;width:44px;height:5px;margin:8px auto 0}.sheet .panel-head{min-height:52px;padding-top:4px}.full{inset:0;transform:translateY(100%)}.full.open{transform:none}@media (max-width:719.98px){.full{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.full .panel-body{padding-bottom:var(--safe-bottom)}.sheet{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}}@media (min-width:720px){.sheet,.full{opacity:0;width:min(460px,100vw - 48px);max-height:86vh;transition:transform .25s var(--ease), opacity .25s, visibility 0s .25s;border-radius:20px;inset:50% auto auto 50%;transform:translate(-50%,-46%)scale(.97)}.full{width:min(760px,100vw - 64px);height:86vh}.sheet.open,.full.open{opacity:1;transition:transform .25s var(--ease), opacity .25s, visibility 0s;transform:translate(-50%,-50%)}.sheet .grip{display:none}.full .panel-head{padding-top:8px}}.section{border-bottom:1px solid var(--border);padding:14px 20px}.section:last-child{border-bottom:0}.section h3{color:var(--muted);margin:0 0 10px;font-size:14px;font-weight:600}.row{align-items:center;gap:12px;min-height:48px;display:flex}.row>label,.row>span{flex:1}.row small{color:var(--muted);font-size:13px;line-height:1.5;display:block}.swatches{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.swatch{border:2px solid var(--border);background:var(--sw-paper);color:var(--sw-ink);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:10px 6px 8px;display:flex}.swatch .sample{font:26px/1.5 var(--quran-font)}.swatch .sample i{color:var(--sw-blue);font-style:normal}.swatch span{font-size:13px;font-weight:600}.swatch[aria-checked=true]{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent)}.langs{grid-template-columns:1fr 1fr;gap:10px;display:grid}.langs button{border:2px solid var(--border);background:var(--surface-2);border-radius:14px;min-height:46px;font-size:16px;font-weight:600}.langs button[aria-checked=true]{border-color:var(--accent);color:var(--accent);background:var(--surface);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent)}@supports (color:color-mix(in srgb, red, blue)){.langs button[aria-checked=true]{background:color-mix(in srgb, var(--accent) 8%, var(--surface))}}.switch{appearance:none;background:var(--border);cursor:pointer;border-radius:999px;flex:none;width:46px;height:28px;margin:0;transition:background .2s;position:relative}.switch:after{content:"";top:3px;width:22px;height:22px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;inset-inline-start:3px;box-shadow:0 1px 3px #0000004d}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(-18px)}[dir=ltr] .switch:checked:after{transform:translate(18px)}.switch:disabled{opacity:.45;cursor:default}.stepper{align-items:center;gap:6px;display:flex}.stepper output{text-align:center;min-width:56px;font-weight:600}.stepper .icon-btn{border:1px solid var(--border);width:40px;height:40px}.link-row{text-align:start;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:52px;padding:0 4px;display:flex}.link-row:hover{background:var(--surface-2)}.link-row svg{width:22px;height:22px;color:var(--accent);flex:none}.link-row span{flex:1}.link-row .chev{color:var(--muted)}[dir=ltr] .link-row .chev svg{transform:scaleX(-1)}.btn{background:var(--accent);min-height:44px;color:var(--on-accent);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;display:inline-flex}.btn.secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.offline-status{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.offline-status.ok{color:var(--accent)}.progress{background:var(--border);border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.progress i{background:var(--accent);width:0;height:100%;transition:width .3s;display:block}.doc{max-width:680px;margin:0 auto;padding:8px 20px 32px;line-height:1.9}.doc p{margin:10px 0}.doc h3{font:700 19px/1.4 var(--title-font);margin:22px 0 8px}.doc .note{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);border-radius:12px;padding:10px 14px;font-size:14.5px}.rule{border-bottom:1px solid var(--border);grid-template-columns:132px 1fr;align-items:center;gap:14px;padding:14px 0;display:grid}.rule:last-child{border-bottom:0}.rule .ex{background:var(--paper);border:1px solid var(--border);min-height:92px;color:var(--ink);border-radius:12px;flex-direction:column;justify-content:flex-end;align-items:center;padding:8px 6px 6px;display:flex}.rule .ex .lbl-demo{font:600 13px/1.2 var(--label-font);color:var(--tajweed)}.rule .ex .words{font:32px/1.6 var(--quran-font);white-space:nowrap}.rule .ex .words .tj{color:var(--tajweed)}.rule .ex .where{color:var(--muted);margin-top:6px;font-size:11.5px;line-height:1.3}.rule h4{font:700 18px/1.4 var(--title-font);margin:0 0 2px}.rule h4 span{white-space:nowrap;color:var(--tajweed);font-family:var(--label-font);margin-inline-start:6px;font-size:15px;font-weight:600;display:inline-block}[dir=ltr] .rule h4 span{margin-inline-start:0;margin-left:6px}[dir=ltr] .rule{align-items:start}@media (max-width:440px){[dir=ltr] .rule{grid-template-columns:1fr;gap:10px}}.rule p{margin:0;font-size:15px;line-height:1.85}.doc bdi{white-space:nowrap}:lang(en) .doc bdi:lang(ar){font-size:1.15em;line-height:1}.doc kbd{border:1px solid var(--border);background:var(--surface-2);font:600 .82em/1.5 var(--ui-font);white-space:nowrap;direction:ltr;unicode-bidi:isolate;border-bottom-width:2px;border-radius:6px;padding:0 6px;display:inline-block}.credits{margin:8px 0;padding:0;list-style:none}.credits li{border-bottom:1px solid var(--border);padding:10px 0}.credits li:last-child{border-bottom:0}.credits b{display:block}.credits small{color:var(--muted);font-size:13.5px}.stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0;display:grid}.stats div{background:var(--surface-2);border-radius:12px;padding:10px 6px}.stats b{color:var(--accent);font-size:20px;display:block}.stats small{color:var(--muted);font-size:12.5px}.toast{left:0;right:0;bottom:calc(var(--bar-h) + var(--safe-bottom) + 18px);z-index:60;opacity:0;pointer-events:none;background:var(--text);width:-moz-fit-content;width:fit-content;max-width:calc(100vw - 32px);color:var(--surface);box-shadow:0 6px 24px var(--shadow);transition:transform .25s var(--ease), opacity .25s;border-radius:26px;align-items:center;gap:12px;margin-inline:auto;padding:10px 18px;font-size:14.5px;display:flex;position:fixed;transform:translateY(20px)}.toast.show{opacity:1;pointer-events:auto;transform:translateY(0)}.toast:not(.show) button{visibility:hidden;transition:visibility 0s .25s}.toast button{white-space:nowrap;color:inherit;background:0 0;border:0;flex:none;padding:4px;font-weight:700;text-decoration:underline}.hint{left:0;right:0;top:calc(var(--safe-top) + var(--bar-h) + 14px);z-index:25;background:var(--surface);width:-moz-fit-content;width:fit-content;max-width:min(560px,100vw - 32px);color:var(--text);border:1px solid var(--border);box-shadow:0 8px 30px var(--shadow);opacity:0;pointer-events:none;transition:transform .25s var(--ease), opacity .25s;border-radius:18px;align-items:center;gap:10px;margin-inline:auto;padding-block:10px;padding-inline:18px 8px;font-size:14.5px;line-height:1.6;display:flex;position:fixed;transform:translateY(-12px)}.hint.show{opacity:1;pointer-events:auto;transform:none}.hint:not(.show) button{visibility:hidden;transition:visibility 0s .25s}.hint p{flex:1;min-width:0;margin:0}.hint .hint-actions{flex:none;gap:8px;display:flex}.hint .btn{white-space:nowrap;min-height:40px;padding:0 14px}.hint .icon-btn{width:40px;height:40px}@media (max-width:640px){.hint{flex-wrap:wrap}.hint .hint-actions{order:3;width:100%}}.hint.aside{inset-inline:16px auto;width:var(--hint-w);flex-wrap:wrap;align-items:flex-start;max-width:none;margin:0;padding-block:12px 14px;top:50%;transform:translateY(calc(-50% - 12px))}.hint.aside.show{transform:translateY(-50%)}.hint.aside p{padding-top:6px}.hint.aside .hint-actions{flex-wrap:wrap;order:3;width:100%}.bars-hidden .hint.with-bars.show{opacity:0;pointer-events:none;transform:translateY(-12px)}.shot{background:#fff}.shot .appbar,.shot .bottombar,.shot .hint{display:none}.shot #stage{padding:12px;position:static;overflow:visible}.shot.reading-mode #stage{padding:calc(var(--safe-top) + var(--desk-gap)) env(safe-area-inset-right,0px) calc(var(--safe-bottom) + var(--desk-gap)) env(safe-area-inset-left,0px);position:fixed;inset:0;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}.view.wing{visibility:hidden;pointer-events:none}.view.wing:not(.landed){box-shadow:none}.view.wing.turning{visibility:visible;z-index:1}.view.wing.turning.below{z-index:-1}.view.wing.turning.above{z-index:1}body.probe #stage .view.wing.turning,body.probe #stage .view.wing.turning .turn-back>.turn-side{pointer-events:auto}#stage.layered:not(.clear-scaled)>.view.turned-to>:is(.paper,.page),#stage.layered:not(.clear-scaled)>.view.turned-to>.paper>:is(.page,.rf-screen){will-change:transform}#stage.folding{overflow:hidden}#stage.whole{touch-action:pinch-zoom}#stage.pinched,#stage.whole.pinched{touch-action:pan-x pan-y pinch-zoom}#stage.grab{cursor:grab}#stage.grabbing{cursor:grabbing;-webkit-user-select:none;user-select:none}.turn-under,.turn-castbox,.turn-cast,.turn-shade,.turn-back{pointer-events:none;position:absolute}.turn-side,.turn-side-in{transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.turn-side,.turn-castbox,.turn-under{overflow:hidden}.turn-strip{transform-origin:0 0;will-change:transform, opacity;width:100px;position:absolute;top:0;left:0}.turn-ushadow{background:linear-gradient(to right, rgb(var(--turn-shadow) / .4), rgb(var(--turn-shadow) / .2) 22%, rgb(var(--turn-shadow) / .06) 62%, rgb(var(--turn-shadow) / 0))}.turn-bend{background:linear-gradient(to right, rgb(var(--turn-sheen) / .55) 0%, rgb(var(--turn-sheen) / .25) 22%, rgb(var(--turn-shadow) / .05) 55%, rgb(var(--turn-shadow) / .18) 86%, rgb(var(--turn-shadow) / .34) 100%), var(--paper)}.turn-cast{will-change:transform, opacity}.turn-sbox{background:rgb(var(--turn-shadow) / .16);box-shadow:0 0 26px 8px rgb(var(--turn-shadow) / .24);position:absolute;inset:0}.turn-shade{will-change:transform;overflow:hidden}.turn-sheen{background:linear-gradient(to right, rgb(var(--turn-shadow) / .2) 0%, rgb(var(--turn-shadow) / .04) 2.5%, rgb(var(--turn-sheen) / .28) 7%, rgb(var(--turn-sheen) / .1) 13%, rgb(var(--turn-shadow) / .05) 19%, rgb(var(--turn-sheen) / 0) 25%, rgb(var(--turn-sheen) / .16) 34%, rgb(var(--turn-sheen) / .08) 48%, rgb(var(--turn-sheen) / 0) 62%, rgb(var(--turn-shadow) / .04) 80%, rgb(var(--turn-shadow) / .11) 100%)}.turn-back{isolation:isolate;will-change:transform;direction:rtl;overflow:hidden}.turn-back .turn-leaf{background:var(--paper);position:absolute;inset:0}.turn-back .through{opacity:.13;position:absolute;inset:0}.turn-back .through>*{box-shadow:none!important}.turn-board-shade{opacity:0;pointer-events:none;z-index:5;border-radius:inherit;will-change:opacity;background:#000;position:absolute;inset:0}.turn-hshadow{background:linear-gradient(to right, rgb(var(--turn-shadow) / .34), rgb(var(--turn-shadow) / .12) 40%, rgb(var(--turn-shadow) / 0))}.view.hinging{box-shadow:none!important}.turn-book-shadow{z-index:-1;pointer-events:none;opacity:0;will-change:opacity;box-shadow:0 1px 3px #0000001f, 0 10px 28px var(--shadow);position:absolute;inset:0}@keyframes turn-busy{to{opacity:.35}}body.busy #btn-next,body.busy #btn-prev{animation:.45s ease-in-out infinite alternate turn-busy}.turn-wait{z-index:15;pointer-events:none;border:3px solid var(--border);border-top-color:var(--accent);opacity:0;border-radius:50%;width:26px;height:26px;margin-top:-13px;transition:opacity .15s;position:fixed;top:50%}.turn-wait.on{animation:.9s linear infinite spin}body.busy.bars-hidden .turn-wait.on{opacity:.9;transition:opacity .2s .2s}@media (prefers-reduced-motion:reduce){body.busy #btn-next,body.busy #btn-prev{opacity:.5;animation:none}.turn-wait{animation:none}}