.bi{--bi-gold:#e6c27a;--bi-total:4.2s;position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;overflow:hidden;color:#f4efe6;background:radial-gradient(ellipse 70% 55% at 50% 42%,rgba(230,194,122,.14),transparent 70%),radial-gradient(ellipse at 50% 40%,#17223f 0,#0c1222 55%,#05080f 100%);animation:bi-away .7s ease calc(var(--bi-total) - .7s) forwards;cursor:pointer}.bi:before{content:"";position:absolute;inset:-10%;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='72' viewBox='0 0 72 72'%3E%3Cg fill='none' stroke='%23e6c27a' stroke-width='1'%3E%3Crect x='26' y='26' width='20' height='20'/%3E%3Crect x='26' y='26' width='20' height='20' transform='rotate(45 36 36)'/%3E%3C/g%3E%3C/svg%3E");animation:bi-drift 12s linear infinite}.bi.leave{animation:bi-away-now .6s ease forwards}.bi-figure{position:relative;margin:0;width:min(92vw,1000px);display:grid;justify-items:center;gap:clamp(18px,3vw,30px)}.bi-mark{width:14px;height:14px;background:var(--bi-gold);transform:rotate(45deg);opacity:0;animation:bi-fade .8s ease .1s forwards;box-shadow:0 0 18px rgba(230,194,122,.6)}.bi-mark:after{content:"";display:block;width:100%;height:100%;background:inherit;transform:rotate(45deg)}.bi-art{position:relative;width:100%;aspect-ratio:15318/3598;filter:drop-shadow(0 0 26px rgba(230,194,122,.18))}.bi-art svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.bi-ink path{fill:none;stroke:var(--bi-gold);stroke-width:1.3;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:bi-draw 1.15s cubic-bezier(.55,.1,.3,1) var(--bi-d,0s) forwards}.bi-ink{animation:bi-ink-rest .8s ease 2.6s forwards}.bi-fill{-webkit-mask-image:linear-gradient(270deg,#000,#000 45%,transparent 56%);mask-image:linear-gradient(270deg,#000,#000 45%,transparent 56%);-webkit-mask-size:220% 100%;mask-size:220% 100%;animation:bi-flow 1.7s cubic-bezier(.45,.05,.25,1) .85s forwards}.bi-fill,.bi-shine{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0 0;mask-position:0 0}.bi-shine{opacity:.85;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(270deg,transparent,transparent 44%,#000 50%,transparent 56%,transparent);mask-image:linear-gradient(270deg,transparent,transparent 44%,#000 50%,transparent 56%,transparent);-webkit-mask-size:260% 100%;mask-size:260% 100%;animation:bi-flow 1s ease-in-out 2.55s forwards}.bi-caption{margin:0;text-align:center;font-family:var(--font-serif),Georgia,serif;font-size:clamp(1rem,2.2vw,1.35rem);letter-spacing:.02em;color:rgba(244,239,230,.86);opacity:0;transform:translateY(10px);animation:bi-rise .9s ease 2.35s forwards}.bi-skip{position:absolute;right:max(18px,env(safe-area-inset-right,0px));bottom:calc(env(safe-area-inset-bottom, 0px) + 20px);padding:9px 18px;border-radius:999px;border:1px solid rgba(244,239,230,.28);background:rgba(255,255,255,.06);color:rgba(244,239,230,.85);font:inherit;font-size:.86rem;cursor:pointer;transition:background-color .3s ease,border-color .3s ease}.bi-skip:hover{background:rgba(255,255,255,.12);border-color:var(--bi-gold)}.bi-skip:focus-visible{outline:2px solid var(--bi-gold);outline-offset:3px}@keyframes bi-draw{to{stroke-dashoffset:0}}@keyframes bi-ink-rest{to{opacity:.35}}@keyframes bi-flow{to{-webkit-mask-position:100% 0;mask-position:100% 0}}@keyframes bi-fade{to{opacity:1}}@keyframes bi-rise{to{opacity:1;transform:none}}@keyframes bi-drift{to{transform:translate3d(72px,72px,0)}}@keyframes bi-away{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden;pointer-events:none}}@keyframes bi-away-now{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden;pointer-events:none}}.bi-figure{animation:bi-lift .7s ease calc(var(--bi-total) - .7s) forwards}.bi.leave .bi-figure{animation:bi-lift-now .6s ease forwards}@keyframes bi-lift{to{transform:translateY(-28px) scale(.94)}}@keyframes bi-lift-now{to{transform:translateY(-28px) scale(.94)}}@media (prefers-reduced-motion:reduce){.bi{--bi-total:1.8s}.bi-ink,.bi-shine,.bi:before{display:none}.bi-caption,.bi-fill,.bi-mark{animation:none;opacity:1;transform:none;-webkit-mask-image:none;mask-image:none}.bi .bi-figure{animation:none}}.ms-sheet{--ms-paper:#fffaf0;--ms-paper-edge:#f1e6cf;--ms-gold:#b8913f;--ms-gold-soft:rgba(184,145,63,.38);--ms-ink:var(--quran-mushaf-ink,#17120a);--ms-accent:var(--quran-mushaf-accent,#5c3d0a);position:relative;width:-moz-fit-content;width:fit-content;max-width:100%;margin:clamp(4px,1vw,12px) auto 6px;padding:clamp(26px,4.2vw,46px) clamp(18px,3.6vw,48px) clamp(54px,6vw,66px);border-radius:8px;color:var(--ms-ink);background:radial-gradient(120% 80% at 50% 0,rgba(255,255,255,.7),transparent 60%),linear-gradient(180deg,var(--ms-paper) 0,var(--ms-paper-edge) 100%);box-shadow:0 0 0 1px var(--ms-gold-soft),0 2px 4px rgba(60,40,10,.06),0 36px 60px -44px rgba(60,40,10,.55)}.dark .ms-sheet{--ms-paper:#1a1610;--ms-paper-edge:#12100b;--ms-gold:#c9a24a;--ms-gold-soft:rgba(201,162,74,.32);box-shadow:0 0 0 1px var(--ms-gold-soft),0 36px 60px -40px rgba(0,0,0,.8)}.ms-sheet:before{content:"";inset:clamp(8px,1.4vw,14px);border:2px solid var(--ms-gold);border-radius:4px;box-shadow:inset 0 0 0 4px var(--ms-paper),inset 0 0 0 5px var(--ms-gold-soft)}.ms-corner,.ms-sheet:before{position:absolute;pointer-events:none}.ms-corner{width:14px;height:14px;background:var(--ms-gold);transform:rotate(45deg)}.ms-corner:after{content:"";position:absolute;inset:0;background:inherit;transform:rotate(45deg)}.ms-corner--tr{right:calc(clamp(8px, 1.4vw, 14px) - 6px)}.ms-corner--tl,.ms-corner--tr{top:calc(clamp(8px, 1.4vw, 14px) - 6px)}.ms-corner--tl{left:calc(clamp(8px, 1.4vw, 14px) - 6px)}.ms-corner--br{right:calc(clamp(8px, 1.4vw, 14px) - 6px)}.ms-corner--bl,.ms-corner--br{bottom:calc(clamp(8px, 1.4vw, 14px) - 6px)}.ms-corner--bl{left:calc(clamp(8px, 1.4vw, 14px) - 6px)}.ms-box{position:relative;max-width:100%;overflow:hidden}.ms-lines{width:-moz-max-content;width:max-content;min-width:20em;margin-inline:auto;opacity:0;transition:opacity .35s ease}.ms-lines.is-ready{opacity:1}.ms-line{display:block;white-space:nowrap;text-align:justify;-moz-text-align-last:justify;text-align-last:justify;line-height:2.05}.ms-sheet--opening .ms-line{line-height:2.25}.ms-line--bismillah,.ms-line--header,.ms-sheet--opening .ms-line{text-align:center;-moz-text-align-last:center;text-align-last:center}.ms-line--header{position:relative;display:flex;align-items:center;justify-content:center;margin:.2em 0 .15em;line-height:1.7;color:var(--ms-accent)}.ms-line--header:before{content:"";position:absolute;inset:.14em 0;border:1px solid var(--ms-gold);border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--ms-gold) 16%,transparent),color-mix(in srgb,var(--ms-gold) 6%,transparent) 30%,color-mix(in srgb,var(--ms-gold) 6%,transparent) 70%,color-mix(in srgb,var(--ms-gold) 16%,transparent));box-shadow:inset 0 0 0 3px var(--ms-paper),inset 0 0 0 4px var(--ms-gold-soft)}.ms-line--header:after{content:"";position:absolute;top:50%;left:.55em;right:.55em;height:.34em;transform:translateY(-50%);background:radial-gradient(circle,var(--ms-gold) 0 .17em,transparent .18em) 0 /.34em .34em no-repeat,radial-gradient(circle,var(--ms-gold) 0 .17em,transparent .18em) 100% /.34em .34em no-repeat}.ms-line--header .ms-w{position:relative;z-index:1;font-size:1.05em;padding:0 1.2em}.ms-line--bismillah{display:flex;align-items:center;justify-content:center;min-height:2.05em}.ms-bismillah{display:block;max-width:100%}.ms-w{display:inline;unicode-bidi:isolate;color:inherit;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}.ms-w--end{color:var(--ms-accent)}.ms-w--quarter{color:var(--ms-gold)}.ms-run--ayah{cursor:pointer;border-radius:.25em;transition:background-color .25s ease,box-shadow .25s ease}.ms-run--ayah:hover{background:color-mix(in srgb,var(--ms-gold) 10%,transparent)}.ms-run--ayah.is-active{background:color-mix(in srgb,var(--ms-gold) 22%,transparent);box-shadow:0 0 0 .08em color-mix(in srgb,var(--ms-gold) 22%,transparent)}.ms-run--ayah:focus-visible{outline:2px solid var(--ms-gold);outline-offset:2px}.ms-loading{position:absolute;inset:0;min-height:260px;background:repeating-linear-gradient(180deg,transparent 0,transparent 1.6em,color-mix(in srgb,var(--ms-gold) 14%,transparent) 1.6em,color-mix(in srgb,var(--ms-gold) 14%,transparent) calc(1.6em + 1px));border-radius:4px;animation:ms-pulse 1.4s ease-in-out infinite}@keyframes ms-pulse{50%{opacity:.45}}.ms-folio{position:absolute;left:50%;bottom:clamp(14px,2.2vw,22px);transform:translateX(-50%);min-width:2.6em;height:2.6em;padding:0 .5em;display:grid;place-items:center;border-radius:999px;border:1px solid var(--ms-gold);background:var(--ms-paper);color:var(--ms-accent);font-size:clamp(.9rem,1.6vw,1.05rem);line-height:1;box-shadow:0 0 0 3px var(--ms-paper),0 0 0 4px var(--ms-gold-soft)}.ms-sheet--compact{padding:22px 14px 52px}.ms-spread{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;max-width:1500px;margin-inline:auto}.ms-spread-page{display:flex;min-width:0}.ms-spread-page>.ms-sheet{margin:4px 0 6px;width:100%;display:flex;flex-direction:column;justify-content:center}.ms-spread-page--right>.ms-sheet{border-radius:4px 10px 10px 4px;background:linear-gradient(90deg,rgba(90,60,15,.16) 0,rgba(90,60,15,0) 7%),radial-gradient(120% 80% at 50% 0,rgba(255,255,255,.7),transparent 60%),linear-gradient(180deg,var(--ms-paper) 0,var(--ms-paper-edge) 100%)}.ms-spread-page--left>.ms-sheet{border-radius:10px 4px 4px 10px;background:linear-gradient(270deg,rgba(90,60,15,.16) 0,rgba(90,60,15,0) 7%),radial-gradient(120% 80% at 50% 0,rgba(255,255,255,.7),transparent 60%),linear-gradient(180deg,var(--ms-paper) 0,var(--ms-paper-edge) 100%)}.ms-sheet--placeholder{min-height:70vh}.ms-turn{animation:ms-turn-next .45s cubic-bezier(.2,.8,.2,1)}.ms-turn--prev{animation-name:ms-turn-prev}@keyframes ms-turn-next{0%{opacity:0;transform:translateX(-26px)}to{opacity:1;transform:none}}@keyframes ms-turn-prev{0%{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}.quran-page-frame--mushaf:has(.ms-sheet):before{display:none}.quran-reader-stage--mushaf:has(.ms-sheet){height:auto;overflow:visible}.quran-reader-stage--mushaf:has(.ms-sheet) .quran-page-frame--mushaf{height:auto;overflow:visible}.quran-reader-stage--mushaf:has(.ms-sheet) .quran-mushaf-body{overflow:visible}.quran-reader-stage--fullscreen.quran-reader-stage--mushaf:has(.ms-sheet){overflow-y:auto}@media (max-width:520px){.ms-sheet{padding:22px 9px 50px}.ms-sheet:before{inset:6px}.ms-corner{width:9px;height:9px}.ms-corner--tl,.ms-corner--tr{top:2px}.ms-corner--bl,.ms-corner--br{bottom:2px}.ms-corner--br,.ms-corner--tr{right:2px}.ms-corner--bl,.ms-corner--tl{left:2px}.quran-reader-stage--mushaf:has(.ms-sheet) .quran-mushaf-body{padding-inline:4px}}@media (prefers-reduced-motion:reduce){.ms-turn{animation:none}.ms-lines,.ms-run--ayah{transition:none}.ms-loading{animation:none}}