.injaz-mushaf{--paper:#fbf7ee;--paper-edge:#f3ecdd;--ink:#1b1a17;--ink-soft:#6b6355;--rule:#d8cdb4;--gold:#a8874a;--gold-soft:#e8dcc0;--accent:#1f5d4c;--accent-soft:#e3efe9;--surface:#ffffff;--shadow:0 1px 2px rgb(27 26 23/4%),0 12px 34px -18px rgb(27 26 23/22%);--radius:18px;--ornament-tile: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='%23a8874a' stroke-width='1.1'%3E%3Crect x='14' y='14' width='44' height='44'/%3E%3Cpath d='M36 8 64 36 36 64 8 36Z'/%3E%3Cpath d='M0 0 14 14M72 0 58 14M0 72 14 58M72 72 58 58'/%3E%3Ccircle cx='36' cy='36' r='5.5'/%3E%3C/g%3E%3C/svg%3E");--ornament-corner:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cg fill='none' stroke='%23a8874a' stroke-opacity='.5' stroke-width='1.2'%3E%3Crect x='5.5' y='5.5' width='15' height='15'/%3E%3Cpath d='M13 2.5 23.5 13 13 23.5 2.5 13Z'/%3E%3Ccircle cx='13' cy='13' r='2.4'/%3E%3C/g%3E%3C/svg%3E");color:var(--ink);background:var(--paper)}.injaz-mushaf[data-theme=night]{--paper:#10130f;--paper-edge:#171b16;--ink:#e8e4d8;--ink-soft:#9a9587;--rule:#2c332a;--gold:#c9a961;--gold-soft:#2a2a1f;--accent:#4fae90;--accent-soft:#16241f;--surface:#171b16;--shadow:0 1px 2px rgb(0 0 0/30%),0 14px 40px -20px rgb(0 0 0/70%);--ornament-tile: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='%23c9a961' stroke-width='1.1'%3E%3Crect x='14' y='14' width='44' height='44'/%3E%3Cpath d='M36 8 64 36 36 64 8 36Z'/%3E%3Cpath d='M0 0 14 14M72 0 58 14M0 72 14 58M72 72 58 58'/%3E%3Ccircle cx='36' cy='36' r='5.5'/%3E%3C/g%3E%3C/svg%3E");--ornament-corner:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cg fill='none' stroke='%23c9a961' stroke-opacity='.5' stroke-width='1.2'%3E%3Crect x='5.5' y='5.5' width='15' height='15'/%3E%3Cpath d='M13 2.5 23.5 13 13 23.5 2.5 13Z'/%3E%3Ccircle cx='13' cy='13' r='2.4'/%3E%3C/g%3E%3C/svg%3E")}.mushaf-scroll{height:100%;overflow-y:auto;overflow-x:hidden;outline:none;scroll-behavior:auto;overscroll-behavior-y:contain;background:radial-gradient(120% 60% at 50% 0,var(--paper-edge) 0,transparent 60%),var(--paper)}.mushaf-scroll::-webkit-scrollbar{width:10px}.mushaf-scroll::-webkit-scrollbar-track{background:transparent}.mushaf-scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--rule) 70%,transparent);border-radius:99px;border:3px solid transparent;background-clip:content-box}.mushaf-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--gold);background-clip:content-box}.mushaf-page{--line-base:calc(clamp(15px, 2.9vw, 40px) * var(--mushaf-scale, 1));--line-size:calc(var(--line-base) * var(--mushaf-fit, 1));--slot:calc(var(--line-base) * 1.92);max-width:min(1180px,calc(320px + 26vw + var(--mushaf-scale, 1) * 320px));margin:0 auto;padding:clamp(18px,3vw,40px) clamp(16px,4.6vw,54px) clamp(10px,2vw,22px);display:flex;flex-direction:column;min-height:0;background-image:var(--ornament-corner),var(--ornament-corner);background-repeat:no-repeat;background-position:left 4px top 3px,right 4px top 3px;background-size:clamp(11px,2.2vw,24px)}.mushaf-page__meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.02em;color:var(--ink-soft);padding-bottom:10px;margin-bottom:clamp(10px,1.6vw,20px);border-bottom:1px solid color-mix(in srgb,var(--rule) 60%,transparent)}.mushaf-page__body{display:flex;flex-direction:column;justify-content:center;height:calc(var(--slot) * 15)}.mushaf-line{display:flex;justify-content:space-between;align-items:baseline;direction:rtl;font-size:var(--line-size);flex:0 0 var(--slot);height:var(--slot);min-height:0;line-height:var(--slot);color:var(--ink);white-space:nowrap}.mushaf-line>*{flex:0 0 auto}.mushaf-page--opening .mushaf-page__body{justify-content:flex-start;padding-top:var(--frame-pad,max(0px,calc((100dvh - 300px - var(--frame-h, 640px)) / 2)))}.mushaf-page--opening .mushaf-page__frame{max-width:min(78%,660px);margin-inline:auto;padding:clamp(16px,2.4vw,34px) clamp(14px,2.2vw,30px);border:2px solid color-mix(in srgb,var(--gold) 55%,transparent);border-radius:16px;box-shadow:0 0 0 5px color-mix(in srgb,var(--gold) 12%,transparent),inset 0 0 0 2px color-mix(in srgb,var(--gold) 22%,transparent);background:color-mix(in srgb,var(--surface) 45%,transparent);display:flex;flex-direction:column;--open-slot:min(calc(var(--slot) * var(--open-grow, 1)),calc((100dvh - var(--mushaf-chrome, 132px) - 96px) / 9.2));--open-line:calc(var(--open-slot, var(--slot)) * var(--mushaf-fit, 1))}.mushaf-page--opening .mushaf-line{justify-content:center;gap:.28em;white-space:nowrap;flex:0 0 var(--open-line,var(--slot));height:var(--open-line,var(--slot));line-height:var(--open-line,var(--slot));font-size:calc(var(--open-line, var(--slot)) / 1.92)}.mushaf-page--opening .mushaf-line--header{flex-basis:calc(var(--open-line, var(--slot)) * .88);height:calc(var(--open-line, var(--slot)) * .88)}@media (max-width:640px){.mushaf-page--opening .mushaf-page__frame{max-width:96%;padding:16px 10px;--open-grow:2.6}}.mushaf-line--bismillah,.mushaf-line--header{justify-content:center;white-space:normal}.mushaf-line--header{font-size:calc(var(--line-size) * 1.06);color:var(--gold);align-items:center}.mushaf-header-frame{display:inline-flex;align-items:center;justify-content:center;width:100%;height:calc(var(--slot) * .88);border-block:1px solid color-mix(in srgb,var(--gold) 40%,transparent);background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--gold-soft) 55%,transparent),transparent)}.mushaf-header-text{font-size:.62em;letter-spacing:.04em}.mushaf-line--bismillah{font-size:calc(var(--line-size) * .94);color:var(--ink);align-items:center}.mushaf-bismillah-text{font-size:.9em}.mushaf-basmala{display:block;max-width:min(76%,100%);height:auto!important;color:var(--ink)}.mushaf-word{cursor:pointer;border-radius:6px;padding-inline:1px;transition:background-color .16s ease,color .16s ease;-webkit-tap-highlight-color:transparent}.mushaf-word:hover{background:color-mix(in srgb,var(--gold) 16%,transparent)}.mushaf-word--end{color:var(--gold);cursor:pointer}.mushaf-scroll:has(.mushaf-word.is-active) .mushaf-word:not(.is-active){opacity:.34}.mushaf-word.is-active{box-shadow:inset 0 -2px 0 0 color-mix(in srgb,var(--accent) 60%,transparent);border-radius:0}@supports not selector(:has(*)){.mushaf-scroll .mushaf-word:not(.is-active){opacity:1}}.mushaf-word.is-highlighted{background:color-mix(in srgb,var(--gold) 22%,transparent);border-radius:3px}.mushaf-page__number{display:flex;align-items:center;gap:14px;margin-top:auto;padding-top:clamp(12px,2vw,24px)}.mushaf-page__number:after,.mushaf-page__number:before{content:"";flex:none;width:clamp(12px,1.8vw,18px);height:clamp(12px,1.8vw,18px);background-image:var(--ornament-corner);background-size:contain;background-repeat:no-repeat}.mushaf-page__rule{flex:1;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--rule) 90%,transparent),transparent)}.mushaf-page__badge{min-width:46px;text-align:center;font-size:13px;font-weight:700;color:var(--gold);padding:5px 12px;border:1px solid color-mix(in srgb,var(--gold) 34%,transparent);border-radius:99px;background:color-mix(in srgb,var(--gold-soft) 40%,transparent);font-variant-numeric:tabular-nums}.mushaf-page--placeholder{gap:18px;padding-block:60px}.mushaf-skeleton-line{height:clamp(26px,3.4vw,40px);border-radius:8px;background:linear-gradient(90deg,color-mix(in srgb,var(--rule) 22%,transparent) 25%,color-mix(in srgb,var(--rule) 38%,transparent) 37%,color-mix(in srgb,var(--rule) 22%,transparent) 63%);background-size:400% 100%;animation:mushaf-shimmer 1.4s ease infinite}.mushaf-skeleton-line:nth-child(3n){width:88%}.mushaf-skeleton-line:nth-child(4n){width:94%}@keyframes mushaf-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion:reduce){.mushaf-skeleton-line{animation:none}.mushaf-scroll{scroll-behavior:auto}}