@font-face{font-family:AlQalam Majeed;src:url(/fonts/alqalam-majeed.woff2)format("woff2");font-display:swap}@font-face{font-family:KFGQPC Nastaleeq;src:url(/fonts/kfgqpc-nastaleeq.woff2)format("woff2");font-display:swap}.mushaf-page .page{padding-top:12px}@font-face{font-family:KFGQPC Hafs;src:url(/fonts/kfgqpc-hafs.woff2)format("woff2");font-display:swap}.mf-choose{grid-template-columns:1fr 1fr;gap:10px;max-width:620px;margin:0 auto 12px;display:grid}.mf-choose button{cursor:pointer;font:inherit;color:var(--ink);background:#fff;border:2px solid #0e4d3a2e;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:10px 8px;transition:all .25s;display:flex}.mf-choose b{color:var(--green);font-size:1.35rem;font-weight:400;line-height:1.6}.mf-choose button[data-script=uth] b{font-family:KFGQPC Hafs,Amiri Quran,serif}.mf-choose button[data-script=ip] b{font-family:KFGQPC Nastaleeq,serif}.mf-choose span{color:var(--muted);text-align:center;font-size:.82rem}.mf-choose button[aria-checked=true]{background:linear-gradient(140deg, #13654d, var(--green));border-color:var(--gold);box-shadow:0 12px 24px -14px var(--green)}.mf-choose button[aria-checked=true] b,.mf-choose button[aria-checked=true] span{color:#fff}.mf-title{text-align:center;margin-bottom:10px;font-size:clamp(1.3rem,4vw,1.8rem)}.mf-bar{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:12px;display:flex}.mf-bar select,.mf-bar input{width:auto;min-height:40px;padding:6px 10px;font-size:.92rem}.mf-bar #mfSurah{max-width:220px}.mf-page{align-items:center;gap:6px;font-size:.92rem;font-weight:600;display:inline-flex}.mf-page input{width:80px}.mf-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:10px;display:flex;position:relative}.mf-spread{justify-content:center;gap:0;width:100%;max-width:1100px;display:flex}.mf-sheet{max-width:620px;transition:transform .35s var(--ease), opacity .35s;background:linear-gradient(90deg,#0000000a,#0000 6%),#fffaf0;border-radius:10px;flex-direction:column;flex:1 1 0;padding:10px;display:flex;position:relative;box-shadow:0 30px 50px -30px #072a208c,0 2px #e7dcc0}.mf-spread.two .mf-sheet:first-child{border-radius:10px 4px 4px 10px}.mf-spread.two .mf-sheet:last-child{background:linear-gradient(270deg,#0000000a,#0000 6%),#fffaf0;border-radius:4px 10px 10px 4px}.mf-frame{outline-offset:-8px;border:3px double #0e4d3a;border-radius:6px;outline:2px solid #c9a227;flex-direction:column;flex:1;min-height:0;padding:14px 14px 8px;display:flex}.mf-head{color:#0e4d3a;border-bottom:1px solid #e3d6ad;justify-content:space-between;margin-bottom:6px;padding-bottom:4px;font-family:Amiri,serif;font-size:.95rem;display:flex}.mf-body{text-align:justify;text-align-last:center;color:#111;direction:rtl;flex:1;min-height:0}.mf-sheet.ip .mf-frame{background:#fffdf5;border:4px double #7a1f1f;outline:2px solid #2d6a2e}.mf-sheet.ip .mf-head,.mf-sheet.ip .mf-foot{color:#7a1f1f;font-family:var(--font-ur), "Amiri", serif}.mf-sheet.ip .mf-sh{color:#7a1f1f;background:linear-gradient(90deg,#f3e3c3,#fff8e4,#f3e3c3);border-color:#2d6a2e}.mf-sheet.ip .am{color:#2d6a2e}.mf-body.ip{word-spacing:.04em;font-family:KFGQPC Nastaleeq,serif;line-height:2.05}.mf-body.uth{font-family:KFGQPC Hafs,Amiri Quran,serif;line-height:2.1}.mf-foot{text-align:center;color:#0e4d3a;padding-top:4px;font-family:Amiri,serif;font-size:1rem}.mf-sh{justify-content:space-between;align-items:center;gap:.5em;padding-inline:.6em!important;display:flex!important}.mf-sh small{opacity:.8;white-space:nowrap;font-size:.5em;font-weight:400}.mf-sh>span{text-align:center;flex:1}.mf-sh{text-align:center;color:#0e4d3a;text-align-last:center;background:linear-gradient(90deg,#e9f2ec,#fff7dc,#e9f2ec);border:2px solid #c9a227;border-radius:8px;margin:.15em 0;padding:.05em 0;font-family:Amiri,serif;font-weight:700;line-height:1.7;display:block}.mf-bas{text-align:center;text-align-last:center;color:#0e4d3a;display:block}.ay{cursor:pointer;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px;transition:background .2s}.ay:hover{background:#c9a22724}.ay.hl{background:#0e4d3a24}.ay.playing{background:#c9a22752}.am{color:#0e4d3a;white-space:nowrap;margin:0 .12em;font-family:KFGQPC Hafs,serif;font-size:1em}.mf-nav{width:48px;height:48px;color:var(--green);cursor:pointer;box-shadow:var(--shadow);background:#fff;border:1px solid #0e4d3a40;border-radius:50%;flex:none;place-items:center;display:grid}.mf-nav:disabled{opacity:.35}@media (width<=700px){.mf-nav{z-index:3;position:absolute;bottom:-58px}.mf-next{left:8px}.mf-prev{right:8px}.mf-sheet{padding:5px}.mf-frame{padding:10px 8px 6px}.mf-hint{text-align:center;margin-top:66px}}.mf-hint{text-align:center}.mf-body.big .qf-line{white-space:normal;flex-wrap:wrap;justify-content:center;gap:.2em}.mf-body .qf-page{min-width:0;margin:0 auto}.mf-body{width:100%;min-width:0;overflow:hidden}.mf-spread,.mf-sheet,.mf-frame{min-width:0}.mf-sheet{max-width:100%}.mf-spread{width:100%}.mf-choose{grid-template-columns:repeat(3,1fr)}.mf-choose .qf-ip{font-family:QF IndoPak,KFGQPC Nastaleeq,serif}.v-top{flex-wrap:wrap;gap:6px;display:flex}.v-tf{border:1px solid var(--line);cursor:pointer;font:inherit;background:#fff;border-radius:999px;padding:4px 10px;font-size:.85rem}.mf-pinfo select{max-width:200px;color:inherit;font:inherit;background:0 0;border:0}.tf-body{line-height:1.9}.tf-body p{margin:0 0 .8em}.mf-ghost{z-index:6;pointer-events:none;backface-visibility:hidden;will-change:transform;margin:0;position:absolute}.mf-ghost:after{content:"";pointer-events:none;animation:.7s ease-in forwards shade;position:absolute;inset:0}.g-next{transform-origin:100%;animation:.7s cubic-bezier(.45,.05,.55,.95) forwards flipN}.g-prev{transform-origin:0;animation:.7s cubic-bezier(.45,.05,.55,.95) forwards flipP}.g-next:after{background:linear-gradient(90deg,#0000,#00000047)}.g-prev:after{background:linear-gradient(270deg,#0000,#00000047)}@keyframes flipN{0%{transform:perspective(2200px)rotateY(0)}60%{box-shadow:-30px 0 40px #00000040}to{opacity:.9;transform:perspective(2200px)rotateY(-178deg)}}@keyframes flipP{0%{transform:perspective(2200px)rotateY(0)}60%{box-shadow:30px 0 40px #00000040}to{opacity:.9;transform:perspective(2200px)rotateY(178deg)}}@keyframes shade{0%{opacity:0}to{opacity:1}}@keyframes turnN{0%{opacity:.2;transform:translate(-40px)}}@keyframes turnP{0%{opacity:.2;transform:translate(40px)}}.mf-player{z-index:60;left:50%;bottom:max(14px, env(safe-area-inset-bottom));color:#fff;background:linear-gradient(140deg,#13654d,#0a3a2c);border-radius:18px;align-items:center;gap:12px;width:min(92vw,440px);padding:8px 10px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 20px 40px -16px #072a20b3}.mf-player[hidden]{display:none}.mf-pbtn{color:#fff;cursor:pointer;background:#ffffff26;border:0;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.mf-pinfo{flex-direction:column;flex:1;min-width:0;display:flex}.mf-pinfo span{opacity:.75}.mf-trpanel{margin-top:24px}.mf-bar2{align-items:center}.mf-size{background:#fff;border:1px solid #0e4d3a33;border-radius:12px;display:inline-flex;overflow:hidden}.mf-size button{min-width:48px;min-height:40px;font:inherit;color:var(--green);cursor:pointer;background:0 0;border:0;font-size:1rem;font-weight:800}.mf-size button+button{border-left:1px solid #0e4d3a26;font-size:1.2rem}.mf-body.trv{text-align:right;text-align-last:auto}.mf-ta{border-bottom:1px dashed #e3d6ad;padding:.35em 0 .5em}.mf-ta:last-child{border-bottom:0}.mf-ta .ay{text-align:justify;text-align-last:right;display:block}.mf-tt{border:1px solid #cfe3da;border-inline-start:4px solid var(--gold);color:#12403a;text-align:start;background:#eef6f1;border-radius:10px;margin:.3em 0 0;padding:.45em .8em;font-size:max(16px,.52em);line-height:1.7}.mf-tt[dir=rtl]{font-family:var(--font-ur);font-size:max(17px,.55em);line-height:2.2}.mf-tt[lang=ps]{font-family:"Amiri", var(--font-ur);line-height:1.9}.mf-tt[dir=ltr]{text-align:left;font-family:var(--font);direction:ltr}.mf-tt .n{color:var(--gold-text);margin-inline-end:.35em;font-weight:800}.mf-trpanel .verse.hl{box-shadow:0 0 0 3px var(--gold)}.mf-trpanel .v-ar{font-size:1.45rem}
