.sf-page{--gold-dim:var(--gold);--muted:var(--muted);background:var(--black);color:var(--foreground);min-height:100vh;font-family:var(--font-ui), sans-serif}.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{letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;z-index:2;margin-bottom:12px;font-size:11px;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{letter-spacing:5px;color:var(--gold-bright);text-transform:uppercase;font-size:11px;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:.5px 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;letter-spacing:1.5px;color:var(--gold);text-transform:uppercase;font-size:11px;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(--black);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:540px;margin:0 auto;padding:8px;position:relative}.mushaf-page:fullscreen,.mushaf-page--fullscreen{background:var(--background);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:var(--background);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:.5px 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:.5px 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:clamp(20px,2.6vh,36px)}.mushaf-page:-webkit-full-screen .mushaf-surah-name{font-size:clamp(20px,2.6vh,36px)}.mushaf-page:fullscreen .mushaf-bismillah,.mushaf-page--fullscreen .mushaf-bismillah{flex-shrink:0;padding:clamp(8px,1.2vh,18px);font-size:clamp(20px,3vh,40px)}.mushaf-page:-webkit-full-screen .mushaf-bismillah{flex-shrink:0;padding:clamp(8px,1.2vh,18px);font-size:clamp(20px,3vh,40px)}.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{flex:1 1 0;min-height:0;padding:clamp(8px,1.5vh,32px) clamp(12px,2vw,40px);font-size:clamp(18px,2.8vh,52px);line-height:2;display:block;overflow:hidden}.mushaf-page:-webkit-full-screen .mushaf-text{flex:1 1 0;min-height:0;padding:clamp(8px,1.5vh,32px) clamp(12px,2vw,40px);font-size:clamp(18px,2.8vh,52px);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:3px;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:.5px solid var(--gold);transition:opacity .18s}.mushaf-page--navigating .mushaf-frame{opacity:.45}.mushaf-surah-banner{border-bottom:.5px 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-ui), sans-serif;letter-spacing:2px;color:var(--gold);text-transform:uppercase;margin:0;font-size:9px}.mushaf-bismillah{text-align:center;font-family:var(--font-arabic-body), var(--font-arabic-display), serif;color:var(--gold-bright);border-bottom:.5px 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:28px 24px;font-size:24px;line-height:2.5}.mushaf-ayah-marker{border:.5px 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:.5px 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;letter-spacing:3px;color:var(--gold);text-transform:uppercase;opacity:.6;font-size:12px}.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;color:var(--muted);margin:0;font-size:13px}.sf-error-retry{border:.5px solid var(--gold);color:var(--gold);font-family:var(--font-ui), sans-serif;letter-spacing:2px;text-transform:uppercase;cursor:pointer;background:0 0;padding:10px 22px;font-size:10px;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;letter-spacing:1px;color:var(--muted);margin:0;font-size:14px}.sf-nf-link{font-family:var(--font-ui), sans-serif;letter-spacing:2px;color:var(--gold);text-transform:uppercase;border-bottom:.5px solid var(--gold-dim);padding-bottom:2px;font-size:11px;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-y:auto}.mushaf-page:-webkit-full-screen .mushaf-text{overflow-y:auto}.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:10px}}