.sf-page{--gold-dim:color-mix(in srgb, var(--gold) 42%, transparent);color:var(--foreground);min-height:100vh;font-family:var(--font-ui), sans-serif;background:0 0}.sahifa-hero{text-align:center;border-bottom:1px solid var(--border);background:linear-gradient(180deg, var(--deep), var(--black));padding:clamp(20px,3vw,36px) clamp(16px,3vw,32px) clamp(20px,3vw,32px);position:relative;overflow:hidden}.sahifa-hero .hero-watermark{font-family:var(--font-arabic-body), var(--font-arabic-display), serif;color:var(--gold);opacity:.07;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:clamp(70px,12vw,130px);line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sahifa-hero .hero-breadcrumb{font-size:var(--fs-sm,11px);letter-spacing:.08em;color:var(--muted);text-transform:uppercase;z-index:2;margin-bottom:12px;position:relative}.sahifa-hero .hero-breadcrumb a{color:inherit;padding:2px 0;text-decoration:none;transition:color .3s;display:inline-block}.sahifa-hero .hero-breadcrumb a:hover{color:var(--gold-bright)}.sahifa-hero .hero-breadcrumb span{color:var(--gold)}.sahifa-hero .hero-line{font-family:var(--font-serif);font-weight:600;font-size:var(--fs-md,13px);letter-spacing:-.005em;color:var(--gold-bright);text-transform:none;position:relative}.sahifa-hero .hero-line .arabic-num{font-family:var(--font-arabic-body), var(--font-arabic-display), serif;letter-spacing:0;margin:0 6px;font-size:18px}.sahifa-nav{border-bottom:1px solid var(--border);background:var(--deep);justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.sahifa-nav a{font-family:var(--font-ui), sans-serif;font-size:var(--fs-md,13px);letter-spacing:0;color:var(--gold);text-transform:none;text-decoration:none;transition:color .3s}.sahifa-nav a:hover{color:var(--gold-bright)}@keyframes mushaf-fadein{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mushaf-page-wrapper{background:var(--background);padding:36px 24px;animation:.6s cubic-bezier(.25,.46,.45,.94) both mushaf-fadein}@media (prefers-reduced-motion:reduce){.mushaf-page-wrapper{animation:none}}.mushaf-page{background:linear-gradient(180deg, var(--deep), var(--black));border:1px solid var(--border-mid);max-width:min(100%,760px);margin:0 auto;padding:8px;position:relative}.mushaf-page:fullscreen,.mushaf-page--fullscreen{background:0 0;border:none;justify-content:center;align-items:center;width:100dvw;max-width:none;height:100dvh;margin:0;padding:clamp(8px,1.5vh,16px) clamp(8px,1.5vw,16px);display:flex;overflow:hidden}.mushaf-page:-webkit-full-screen{background:0 0;border:none;justify-content:center;align-items:center;width:100dvw;max-width:none;height:100dvh;margin:0;padding:clamp(8px,1.5vh,16px) clamp(8px,1.5vw,16px);display:flex;overflow:hidden}.mushaf-page:fullscreen .mushaf-frame,.mushaf-page--fullscreen .mushaf-frame{border:1px solid var(--gold);background:linear-gradient(180deg, var(--deep) 0%, var(--black) 100%);aspect-ratio:5/7;flex-direction:column;width:auto;max-width:71.4286%;height:100%;max-height:100%;padding:clamp(12px,2vh,36px) clamp(16px,2.5vw,48px);display:flex;overflow:hidden;box-shadow:0 12px 36px #00000059}.mushaf-page:-webkit-full-screen .mushaf-frame{border:1px solid var(--gold);background:linear-gradient(180deg, var(--deep) 0%, var(--black) 100%);aspect-ratio:5/7;flex-direction:column;width:auto;max-width:71.4286%;height:100%;max-height:100%;padding:clamp(12px,2vh,36px) clamp(16px,2.5vw,48px);display:flex;overflow:hidden;box-shadow:0 12px 36px #00000059}.mushaf-page:fullscreen .mushaf-surah-banner,.mushaf-page--fullscreen .mushaf-surah-banner{flex-shrink:0;padding:clamp(8px,1.2vh,20px) clamp(12px,2vw,28px)}.mushaf-page:-webkit-full-screen .mushaf-surah-banner{flex-shrink:0;padding:clamp(8px,1.2vh,20px) clamp(12px,2vw,28px)}.mushaf-page:fullscreen .mushaf-surah-name,.mushaf-page--fullscreen .mushaf-surah-name{font-size:calc(var(--mushaf-fs,20px) * 1.15)}.mushaf-page:-webkit-full-screen .mushaf-surah-name{font-size:calc(var(--mushaf-fs,20px) * 1.15)}.mushaf-page:fullscreen .mushaf-bismillah,.mushaf-page--fullscreen .mushaf-bismillah{font-size:calc(var(--mushaf-fs,20px) * 1.25);flex-shrink:0;padding:clamp(8px,1.2vh,18px)}.mushaf-page:-webkit-full-screen .mushaf-bismillah{font-size:calc(var(--mushaf-fs,20px) * 1.25);flex-shrink:0;padding:clamp(8px,1.2vh,18px)}.mushaf-page:fullscreen .mushaf-footer,.mushaf-page--fullscreen .mushaf-footer{flex-shrink:0;padding:clamp(6px,1vh,16px) clamp(12px,2vw,28px)}.mushaf-page:-webkit-full-screen .mushaf-footer{flex-shrink:0;padding:clamp(6px,1vh,16px) clamp(12px,2vw,28px)}.mushaf-page:fullscreen .mushaf-frame>div,.mushaf-page--fullscreen .mushaf-frame>div{display:contents}.mushaf-page:-webkit-full-screen .mushaf-frame>div{display:contents}.mushaf-page:fullscreen .mushaf-text,.mushaf-page--fullscreen .mushaf-text{font-size:var(--mushaf-fs,clamp(18px, 2.8vh, 52px));padding:calc(var(--mushaf-fs,18px) * .35) clamp(12px, 2vw, 40px);flex:none;min-height:0;line-height:2;display:block;overflow:hidden}.mushaf-page:-webkit-full-screen .mushaf-text{font-size:var(--mushaf-fs,clamp(18px, 2.8vh, 52px));padding:calc(var(--mushaf-fs,18px) * .35) clamp(12px, 2vw, 40px);flex:none;min-height:0;line-height:2;display:block;overflow:hidden}.mushaf-page-nav{z-index:5;border:1px solid var(--border-mid);background:color-mix(in srgb, var(--card-bg) 80%, transparent);width:38px;height:56px;color:var(--muted);cursor:pointer;-webkit-backdrop-filter:blur(4px);opacity:.6;border-radius:3px;justify-content:center;align-items:center;padding:0;transition:color .2s,border-color .2s,background .2s,opacity .2s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.mushaf-page-nav--prev{left:8px}.mushaf-page-nav--next{right:8px}.mushaf-page-nav:hover:not(:disabled){color:var(--gold);border-color:var(--gold);background:color-mix(in srgb, var(--gold) 10%, var(--card-bg));opacity:1}.mushaf-page-nav:disabled{opacity:.2;cursor:not-allowed}.mushaf-page:fullscreen .mushaf-page-nav,.mushaf-page--fullscreen .mushaf-page-nav{opacity:.85;width:48px;height:72px}.mushaf-page:-webkit-full-screen .mushaf-page-nav{opacity:.85;width:48px;height:72px}.mushaf-page:fullscreen .mushaf-page-nav--prev,.mushaf-page--fullscreen .mushaf-page-nav--prev{left:clamp(12px,2vw,28px)}.mushaf-page:-webkit-full-screen .mushaf-page-nav--prev{left:clamp(12px,2vw,28px)}.mushaf-page:fullscreen .mushaf-page-nav--next,.mushaf-page--fullscreen .mushaf-page-nav--next{right:clamp(12px,2vw,28px)}.mushaf-page:-webkit-full-screen .mushaf-page-nav--next{right:clamp(12px,2vw,28px)}.mushaf-fullscreen-btn{z-index:5;border:1px solid var(--border-mid);background:color-mix(in srgb, var(--card-bg) 80%, transparent);width:32px;height:32px;color:var(--muted);cursor:pointer;-webkit-backdrop-filter:blur(4px);border-radius:10px;justify-content:center;align-items:center;padding:0;transition:color .2s,border-color .2s,background .2s;display:inline-flex;position:absolute;top:12px;right:12px}.mushaf-fullscreen-btn:hover{color:var(--gold);border-color:var(--gold);background:color-mix(in srgb, var(--gold) 8%, var(--card-bg))}.mushaf-page:fullscreen .mushaf-fullscreen-btn,.mushaf-page--fullscreen .mushaf-fullscreen-btn{width:36px;height:36px;top:clamp(12px,2vw,20px);right:clamp(12px,2vw,20px)}.mushaf-page:-webkit-full-screen .mushaf-fullscreen-btn{width:36px;height:36px;top:clamp(12px,2vw,20px);right:clamp(12px,2vw,20px)}.mushaf-frame{border:1px solid var(--gold);transition:opacity .18s}.mushaf-page--navigating .mushaf-frame{opacity:.45}.mushaf-surah-banner{border-bottom:1px solid var(--border-mid);text-align:center;background:linear-gradient(180deg, color-mix(in srgb, var(--gold) 8%, transparent), transparent);padding:clamp(14px,2vw,22px) clamp(16px,3vw,28px) clamp(10px,1.5vw,18px)}.mushaf-surah-name{font-family:var(--font-arabic-body), var(--font-arabic-display), serif;color:var(--gold-bright);margin:0 0 4px;font-size:22px}.mushaf-surah-meta{font-family:var(--font-serif);font-weight:600;font-size:var(--fs-md,13px);letter-spacing:-.005em;color:var(--gold);text-transform:none;margin:0}.mushaf-bismillah{text-align:center;font-family:var(--font-arabic-body), var(--font-arabic-display), serif;color:var(--gold-bright);border-bottom:1px solid var(--border-mid);direction:rtl;padding:24px 24px 12px;font-size:22px}.mushaf-text{text-align:justify;font-family:var(--font-arabic-body), var(--font-arabic-display), serif;color:var(--foreground);word-spacing:.18em;direction:rtl;padding:clamp(20px,3vw,34px) clamp(18px,2.5vw,30px);font-size:clamp(21px,3.4vw,30px);line-height:2.2}.mushaf-ayah-marker{border:1px solid var(--gold);vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin:0 4px;display:inline-flex;transform:rotate(45deg)}.mushaf-ayah-marker>span{color:var(--gold-bright);font-size:11px;line-height:1;font-family:var(--font-arabic-body), var(--font-arabic-display), serif;display:inline-block;transform:rotate(-45deg)}.mushaf-footer{border-top:1px solid var(--border-mid);font-family:var(--font-arabic-body), var(--font-arabic-display), serif;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.mushaf-footer p{color:var(--dim);direction:rtl;margin:0;font-size:11px}.mushaf-footer-num{color:var(--gold)!important;font-size:14px!important}.sf-loading{justify-content:center;padding:80px 24px;display:flex}.sf-loading-text{font-family:var(--font-ui), sans-serif;font-size:var(--fs-md,13px);letter-spacing:0;color:var(--gold);text-transform:none;opacity:.6}.sf-error{flex-direction:column;align-items:center;gap:16px;padding:80px 24px;display:flex}.sf-error-arabic{font-family:var(--font-arabic-body), var(--font-arabic-display), serif;color:var(--gold);margin:0;font-size:40px}.sf-error-text{font-family:var(--font-ui), sans-serif;font-size:var(--fs-md,13px);color:var(--muted);margin:0}.sf-error-retry{border:1px solid var(--gold);color:var(--gold);font-family:var(--font-ui), sans-serif;font-size:var(--fs-md,13px);letter-spacing:0;text-transform:none;cursor:pointer;background:0 0;padding:10px 22px;transition:background .2s,color .2s}.sf-error-retry:hover{background:var(--gold-fill,var(--gold));color:var(--on-gold)}.sf-not-found{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.sf-nf-arabic{font-family:var(--font-arabic-body), var(--font-arabic-display), serif;color:var(--gold);opacity:.4;margin:0;font-size:48px}.sf-nf-text{font-family:var(--font-ui), sans-serif;font-size:var(--fs-lg,14px);letter-spacing:1px;color:var(--muted);margin:0}.sf-nf-link{font-family:var(--font-ui), sans-serif;font-size:var(--fs-md,13px);letter-spacing:0;color:var(--gold);text-transform:none;border-bottom:1px solid var(--gold-dim);padding-bottom:2px;text-decoration:none;transition:color .2s}.sf-nf-link:hover{color:var(--gold-bright)}@media (max-width:700px){.mushaf-page{max-width:100%;padding:6px}.mushaf-page-wrapper{padding:28px 14px 32px}.mushaf-page-nav{display:none}.mushaf-page--fullscreen .mushaf-page-nav,.mushaf-page:fullscreen .mushaf-page-nav{display:inline-flex}.mushaf-page:-webkit-full-screen .mushaf-page-nav{display:inline-flex}.mushaf-page--fullscreen,.mushaf-page:fullscreen{padding-bottom:calc(clamp(72px, 11vh, 90px) + env(safe-area-inset-bottom,0px))}.mushaf-page:-webkit-full-screen{padding-bottom:calc(clamp(72px, 11vh, 90px) + env(safe-area-inset-bottom,0px))}.mushaf-page--fullscreen .mushaf-frame,.mushaf-page:fullscreen .mushaf-frame{aspect-ratio:auto;width:100%;max-width:100%;height:100%;max-height:100%}.mushaf-page:-webkit-full-screen .mushaf-frame{aspect-ratio:auto;width:100%;max-width:100%;height:100%;max-height:100%}.mushaf-page--fullscreen .mushaf-text,.mushaf-page:fullscreen .mushaf-text{overflow:hidden}.mushaf-page:-webkit-full-screen .mushaf-text{overflow:hidden}.mushaf-page--fullscreen .mushaf-page-nav,.mushaf-page:fullscreen .mushaf-page-nav{top:auto;bottom:calc(clamp(10px, 1.6vh, 18px) + env(safe-area-inset-bottom,0px));width:52px;height:52px;transform:none}.mushaf-page:-webkit-full-screen .mushaf-page-nav{top:auto;bottom:calc(clamp(10px, 1.6vh, 18px) + env(safe-area-inset-bottom,0px));width:52px;height:52px;transform:none}.mushaf-page--fullscreen .mushaf-page-nav--prev,.mushaf-page:fullscreen .mushaf-page-nav--prev{left:clamp(14px,4vw,28px)}.mushaf-page:-webkit-full-screen .mushaf-page-nav--prev{left:clamp(14px,4vw,28px)}.mushaf-page--fullscreen .mushaf-page-nav--next,.mushaf-page:fullscreen .mushaf-page-nav--next{right:clamp(14px,4vw,28px)}.mushaf-page:-webkit-full-screen .mushaf-page-nav--next{right:clamp(14px,4vw,28px)}.mushaf-text{padding:26px 22px;font-size:21px;line-height:2.3}}@media (max-width:500px){.mushaf-text{padding:22px 18px;font-size:19px;line-height:2.2}.mushaf-ayah-marker{width:22px;height:22px}.mushaf-ayah-marker>span{font-size:11px}}