:root .mb{--mp-paper:color-mix(in srgb, var(--gold-wash) 60%, var(--surface));--mp-line:color-mix(in srgb, var(--gold) 55%, transparent);background:var(--paper);flex-direction:column;height:calc(100svh - 60px);min-height:520px;display:flex}:root .mb-full,:root .mb-snd{flex:none;place-items:center;width:2rem;height:2rem;padding:0;display:grid}:root .mb-snd .i-off,:root .mb-snd[aria-pressed=true] .i-off,:root .mb-snd[aria-pressed=false] .i-on{display:none}:root .mb-snd[aria-pressed=false] .i-off{display:block}:root .mb-snd[aria-pressed=false]{color:var(--ink-soft)}:root .mb-full .i-compress,:root .mb-full[aria-pressed=true] .i-expand{display:none}:root .mb-full[aria-pressed=true] .i-compress{display:block}:root .mb.is-full{z-index:2000;height:auto;min-height:0;position:fixed;inset:0}html.mb-lock{overflow:hidden}:root .mb-top{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);min-height:44px;display:flex}:root .mb-back{color:var(--emerald);font-size:var(--step--1);white-space:nowrap;text-decoration:none}:root .mb-where{text-align:center;font-size:var(--step--1);color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;overflow:hidden}:root .mb-mode{border:1px solid var(--rule);border-radius:999px;display:inline-flex;overflow:hidden}:root .mb-mode button{padding:var(--space-1) var(--space-3);font:inherit;font-size:var(--step--1);color:var(--ink-soft);cursor:pointer;background:0 0;border:0}:root .mb-mode button[aria-pressed=true]{background:var(--emerald);color:var(--paper)}:root .mb-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none;flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden;container-type:size}:root .mb-stage:focus-visible .mb-book{box-shadow:0 0 0 3px var(--focus)}:root .mb-book{perspective:2400px;opacity:0;transition:transform .7s cubic-bezier(.3,.7,.2,1),opacity .5s;position:relative}:root .mb.is-open .mb-book,:root .mb.is-opening .mb-book{opacity:1}:root .mp{background:var(--mp-paper);position:absolute;inset:0;overflow:hidden}:root .mp:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#0000);position:absolute;inset:0}:root .mp-l:after{background:linear-gradient(270deg,#00000029,#0000 9%)}:root .mp-r:after{background:linear-gradient(90deg,#00000029,#0000 9%)}:root .mp-frame{border:1px solid var(--mp-line);outline:1px solid color-mix(in srgb, var(--gold) 30%, transparent);outline-offset:3px;flex-direction:column;display:flex;position:absolute;inset:3.2% 5.5% 3.6%}:root .mp-head,:root .mp-foot{font-family:"Amiri Quran", var(--font-arabic);font-size:calc(var(--fs,20px) * .55);color:var(--gold-ink);direction:rtl;justify-content:space-between;align-items:center;padding:0 3%;display:flex}:root .mp-head{height:4.4%}:root .mp-foot{justify-content:center;height:4.4%}:root .mp-in{direction:rtl;flex:1;min-height:0;padding:0 3%;display:grid}:root .ml{min-width:0;font-family:"Amiri Quran", var(--font-arabic);font-size:var(--fs,20px);color:var(--ink);white-space:nowrap;direction:rtl;justify-content:center;align-items:center;line-height:1.1;display:flex}:root .ml-t{line-height:var(--rowh,40px);display:block;overflow:hidden}:root .ml-t .lw{text-align:justify;text-align-last:justify;white-space:nowrap;width:100%;display:block}:root .mp.measuring .ml-t .lw{text-align-last:auto;width:auto;display:inline-block}:root .ml-t.ml-short .lw{text-align-last:center}:root .ml-b span{border:1px solid var(--gold);outline:1px solid color-mix(in srgb, var(--gold) 35%, transparent);outline-offset:2px;text-align:center;background:linear-gradient(90deg, transparent, var(--gold-wash), transparent);width:86%;color:var(--gold-ink);border-radius:6px;padding:0 1.2em;font-size:.78em;line-height:1.7;display:block}:root .ml-m{font-size:.9em}:root .ml-bm{flex-direction:column;gap:0;line-height:1.15}:root .ml-bm .bm-n{color:var(--gold-ink);border-block:1px solid var(--mp-line);padding:0 1.4em;font-size:.5em}:root .ml-bm .bm-b{font-size:.7em}:root .mb-seg{cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px;transition:background-color .18s,box-shadow .18s}:root .mb-seg.is-sel{background:color-mix(in srgb, var(--gold) 22%, transparent)}:root .mb-seg.is-playing{background:var(--emerald-soft);box-shadow:0 0 0 .12em var(--emerald-soft), 0 2px 10px #0e3b2e2e;color:var(--ink)}:root .ml-m.is-playing{background:var(--emerald-soft);border-radius:8px}:root .mb-mark{vertical-align:middle;width:1.55em;height:1.55em;color:var(--gold-ink);place-items:center;margin-inline:.12em;font-size:.62em;line-height:1;display:inline-grid;position:relative}:root .mb-mark:before,:root .mb-mark:after{content:"";border:1.3px solid var(--gold);background:var(--gold-wash);position:absolute;inset:15%}:root .mb-mark:after{background:0 0;transform:rotate(45deg)}:root .mb-mark i{z-index:1;font-size:.9em;font-style:normal;position:relative}:root .mp-blank{background:var(--mp-paper)}:root .mp-skel .mp-in{opacity:.35}:root .leaf{transform-origin:100%;width:50%;height:100%;transform-style:preserve-3d;will-change:transform;position:absolute;top:0;left:0}:root .mb-book.single .leaf{width:100%}:root .leaf .face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}:root .leaf .back{transform:rotateY(180deg)}:root .leaf .shade{pointer-events:none;opacity:0;background:#000;position:absolute;inset:0}:root .mb-book .cu{z-index:6;pointer-events:none;position:absolute;top:0;overflow:hidden}:root .cu-under{fill:color-mix(in srgb, var(--mp-paper) 80%, #3b2a0a)}:root .cu-flap{fill:color-mix(in srgb, var(--mp-paper) 92%, #fff)}:root .cu-shadow{fill:#000;opacity:.34}:root .cu-edge{stroke:#00000029;stroke-width:.8px}:root .cu-zone{z-index:7;touch-action:none;width:48px;height:48px;position:absolute;bottom:0}:root .cu-zl{left:0}:root .cu-zr{right:0}:root .spine{pointer-events:none;z-index:3;background:linear-gradient(90deg,#00000040,#ffffff1a);width:2px;position:absolute;top:0;bottom:0;left:calc(50% - 1px)}:root .mb-book.single .spine{display:none}:root .mb-book .pl{width:50%;height:100%;position:absolute;top:0}:root .mb-book .pl-l{left:0}:root .mb-book .pl-r{left:50%}:root .mb-book.single .pl{width:100%;left:0}:root .mb-boards{background:linear-gradient(135deg, var(--night-2), var(--night));z-index:-1;pointer-events:none;border:1px solid #caa04a;border-radius:10px;position:absolute;inset:-14px;box-shadow:0 18px 40px #00000059,inset 0 0 0 4px #0000002e}:root .mb-cover{padding:var(--space-2);align-content:safe center;place-items:center;gap:var(--space-3);background:var(--paper);z-index:5;perspective:2000px;transition:opacity .6s .4s;display:grid;position:absolute;inset:0;overflow-y:auto}:root .cv-face{cursor:pointer;aspect-ratio:.69;background:radial-gradient(circle at 50% 38%, var(--night-2), var(--night) 70%);transform-origin:100%;border:1px solid #caa04a;border-radius:6px 14px 14px 6px;place-items:center;width:max(130px,min(78cqw,360px,69cqh - 120.75px));transition:transform 1.1s cubic-bezier(.5,.1,.25,1);display:grid;box-shadow:0 18px 40px #0006,inset 6px 0 10px #00000059}:root .cv-frame{outline-offset:5px;text-align:center;border:1px solid #caa04a;border-radius:6px;outline:1px solid #caa04a73;align-content:center;place-items:center;gap:6%;width:82%;height:88%;padding:6%;display:grid}:root .cv-star{aspect-ratio:1;width:46%;position:relative}:root .cv-star:before,:root .cv-star:after{content:"";border:2px solid #caa04a;position:absolute;inset:12%}:root .cv-star:after{transform:rotate(45deg)}:root .cv-title{font-family:"Amiri Quran", var(--font-arabic);color:#e4c36a;margin:0;font-size:clamp(1.8rem,9vw,2.6rem);line-height:1.5}:root .cv-sub{font-size:var(--step--1);color:#cfe0d5;margin:0}:root .cv-face:hover{box-shadow:0 22px 46px #00000073,inset 6px 0 10px #00000059}:root .cv-face:focus-visible{outline:3px solid var(--focus);outline-offset:4px}:root .cv-actions{justify-items:center;gap:var(--space-2);transition:opacity .3s;display:grid}@container (height<=440px){:root .cv-sub{display:none}:root .cv-frame{gap:3%}:root .cv-face{width:max(110px,min(78cqw,360px,69cqh - 82.8px))}}:root .mb.is-opening .cv-face{transform:rotateY(110deg)}:root .mb.is-opening .cv-actions,:root .mb.is-opening .mb-cover,:root .mb.is-open .mb-cover{opacity:0;pointer-events:none}:root .mb.is-open .mb-cover{display:none}:root .mb-btn{background:var(--emerald);color:var(--paper);padding:var(--space-2) var(--space-5);font:inherit;cursor:pointer;border:0;border-radius:999px;font-weight:600}:root .mb-link{color:var(--emerald);font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}:root .mb-msg{bottom:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--gold-wash);border-radius:var(--radius);font-size:var(--step--1);z-index:6;margin:0;position:absolute;left:50%;transform:translate(-50%)}:root .mb-bar{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-top:1px solid var(--rule);background:var(--surface);flex-wrap:wrap;display:flex}:root .mb-slider{min-width:120px;accent-color:var(--emerald);direction:rtl;flex:140px}:root .mb-ic{border:1px solid var(--rule);width:2.4rem;height:2.4rem;color:var(--emerald);cursor:pointer;background:0 0;border-radius:999px;font-size:1.2rem}:root .mb-ic:disabled{opacity:.35;cursor:default}:root .mb-select{font:inherit;font-size:var(--step--1);max-width:9.5rem;padding:var(--space-1);border-radius:var(--radius)}:root .mb-play{padding:var(--space-1) var(--space-4)}:root .mb-sheet{background:var(--surface);border-top:1px solid var(--mp-line);padding:var(--space-3) var(--space-4);max-height:34%;overflow:auto;box-shadow:0 -8px 20px #00000014}:root .sh-head{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}:root .sh-ref{color:var(--gold-ink);font-variant-numeric:tabular-nums;margin:0;font-weight:700}:root .sh-select{font:inherit;font-size:var(--step--1);max-width:14rem;padding:var(--space-1);border-radius:var(--radius)}:root .sh-text{max-width:46rem;margin:0;line-height:1.7}:root .sh-text[dir=rtl]{font-family:var(--font-arabic);font-size:var(--step-1);line-height:1.9}:root .sh-notes{margin:var(--space-2) 0 0;white-space:pre-line;font-size:var(--step--1);color:var(--ink-soft)}:root .sh-credit{margin:var(--space-2) 0 0;font-size:var(--step--1);color:var(--ink-soft)}@media (prefers-reduced-motion:reduce){:root .cv-face,:root .mb-book,:root .mb-seg{transition:none}}@media (width<=640px){:root .mb-select{max-width:7.5rem}:root .mb-top{flex-wrap:wrap;row-gap:0}:root .mb-where{flex:100%;order:3;margin-top:-2px;font-size:.78rem}}