@font-face{font-family:MS Global UI;src:url(/fonts/inter-latin-ext-100-900.woff2) format("woff2");font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:MS Global UI;src:url(/fonts/inter-latin-100-900.woff2) format("woff2");font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:MS Global UI;src:url(/fonts/hind-siliguri-bengali-400.woff2) format("woff2");font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;unicode-range:u+0951-0952,u+0964-0965,u+0980-09e5,u+09f0-09fe,u+1cd0,u+1cd2,u+1cd5-1cd6,u+1cd8,u+1ce1,u+1cea,u+1ced,u+1cf2,u+1cf5-1cf7,u+200c-200d,u+20b9,u+25cc,u+a8f1}@font-face{font-family:MS Global UI;src:url(/fonts/noto-sans-bengali-digits-100-900.woff2) format("woff2");font-style:normal;font-weight:400;font-stretch:normal;font-display:swap;unicode-range:u+09e6-09ef}@font-face{font-family:MS Global UI;src:url(/fonts/inter-latin-ext-100-900.woff2) format("woff2");font-style:normal;font-weight:500;font-stretch:normal;font-display:swap;unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:MS Global UI;src:url(/fonts/inter-latin-100-900.woff2) format("woff2");font-style:normal;font-weight:500;font-stretch:normal;font-display:swap;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:MS Global UI;src:url(/fonts/hind-siliguri-bengali-500.woff2) format("woff2");font-style:normal;font-weight:500;font-stretch:normal;font-display:swap;unicode-range:u+0951-0952,u+0964-0965,u+0980-09e5,u+09f0-09fe,u+1cd0,u+1cd2,u+1cd5-1cd6,u+1cd8,u+1ce1,u+1cea,u+1ced,u+1cf2,u+1cf5-1cf7,u+200c-200d,u+20b9,u+25cc,u+a8f1}@font-face{font-family:MS Global UI;src:url(/fonts/noto-sans-bengali-digits-100-900.woff2) format("woff2");font-style:normal;font-weight:500;font-stretch:normal;font-display:swap;unicode-range:u+09e6-09ef}@font-face{font-family:MS Global UI;src:url(/fonts/inter-latin-ext-100-900.woff2) format("woff2");font-style:normal;font-weight:600;font-stretch:normal;font-display:swap;unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:MS Global UI;src:url(/fonts/inter-latin-100-900.woff2) format("woff2");font-style:normal;font-weight:600;font-stretch:normal;font-display:swap;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:MS Global UI;src:url(/fonts/hind-siliguri-bengali-600.woff2) format("woff2");font-style:normal;font-weight:600;font-stretch:normal;font-display:swap;unicode-range:u+0951-0952,u+0964-0965,u+0980-09e5,u+09f0-09fe,u+1cd0,u+1cd2,u+1cd5-1cd6,u+1cd8,u+1ce1,u+1cea,u+1ced,u+1cf2,u+1cf5-1cf7,u+200c-200d,u+20b9,u+25cc,u+a8f1}@font-face{font-family:MS Global UI;src:url(/fonts/noto-sans-bengali-digits-100-900.woff2) format("woff2");font-style:normal;font-weight:600;font-stretch:normal;font-display:swap;unicode-range:u+09e6-09ef}@font-face{font-family:MS Global UI;src:url(/fonts/inter-latin-ext-100-900.woff2) format("woff2");font-style:normal;font-weight:700;font-stretch:normal;font-display:swap;unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:MS Global UI;src:url(/fonts/inter-latin-100-900.woff2) format("woff2");font-style:normal;font-weight:700;font-stretch:normal;font-display:swap;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:MS Global UI;src:url(/fonts/hind-siliguri-bengali-700.woff2) format("woff2");font-style:normal;font-weight:700;font-stretch:normal;font-display:swap;unicode-range:u+0951-0952,u+0964-0965,u+0980-09e5,u+09f0-09fe,u+1cd0,u+1cd2,u+1cd5-1cd6,u+1cd8,u+1ce1,u+1cea,u+1ced,u+1cf2,u+1cf5-1cf7,u+200c-200d,u+20b9,u+25cc,u+a8f1}@font-face{font-family:MS Global UI;src:url(/fonts/noto-sans-bengali-digits-100-900.woff2) format("woff2");font-style:normal;font-weight:700;font-stretch:normal;font-display:swap;unicode-range:u+09e6-09ef}@font-face{font-family:MS Global UI;src:url(/fonts/inter-latin-ext-100-900.woff2) format("woff2");font-style:normal;font-weight:800;font-stretch:normal;font-display:swap;unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:MS Global UI;src:url(/fonts/inter-latin-100-900.woff2) format("woff2");font-style:normal;font-weight:800;font-stretch:normal;font-display:swap;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:MS Global UI;src:url(/fonts/hind-siliguri-bengali-700.woff2) format("woff2");font-style:normal;font-weight:800;font-stretch:normal;font-display:swap;unicode-range:u+0951-0952,u+0964-0965,u+0980-09e5,u+09f0-09fe,u+1cd0,u+1cd2,u+1cd5-1cd6,u+1cd8,u+1ce1,u+1cea,u+1ced,u+1cf2,u+1cf5-1cf7,u+200c-200d,u+20b9,u+25cc,u+a8f1}@font-face{font-family:MS Global UI;src:url(/fonts/noto-sans-bengali-digits-100-900.woff2) format("woff2");font-style:normal;font-weight:800;font-stretch:normal;font-display:swap;unicode-range:u+09e6-09ef}@font-face{font-family:MS Global UI;src:url(/fonts/inter-latin-ext-100-900.woff2) format("woff2");font-style:normal;font-weight:900;font-stretch:normal;font-display:swap;unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:MS Global UI;src:url(/fonts/inter-latin-100-900.woff2) format("woff2");font-style:normal;font-weight:900;font-stretch:normal;font-display:swap;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:MS Global UI;src:url(/fonts/hind-siliguri-bengali-700.woff2) format("woff2");font-style:normal;font-weight:900;font-stretch:normal;font-display:swap;unicode-range:u+0951-0952,u+0964-0965,u+0980-09e5,u+09f0-09fe,u+1cd0,u+1cd2,u+1cd5-1cd6,u+1cd8,u+1ce1,u+1cea,u+1ced,u+1cf2,u+1cf5-1cf7,u+200c-200d,u+20b9,u+25cc,u+a8f1}@font-face{font-family:MS Global UI;src:url(/fonts/noto-sans-bengali-digits-100-900.woff2) format("woff2");font-style:normal;font-weight:900;font-stretch:normal;font-display:swap;unicode-range:u+09e6-09ef}@font-face{font-family:Inter;src:url(/fonts/inter-latin-ext-100-900.woff2) format("woff2");font-display:swap;font-stretch:normal;font-style:normal;font-weight:100 900;unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;src:url(/fonts/inter-latin-100-900.woff2) format("woff2");font-display:swap;font-stretch:normal;font-style:normal;font-weight:100 900;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Hind Siliguri UI;src:url(/fonts/hind-siliguri-bengali-400.woff2) format("woff2");font-display:swap;font-stretch:normal;font-style:normal;font-weight:400;unicode-range:u+0951-0952,u+0964-0965,u+0980-09e5,u+09f0-09fe,u+1cd0,u+1cd2,u+1cd5-1cd6,u+1cd8,u+1ce1,u+1cea,u+1ced,u+1cf2,u+1cf5-1cf7,u+200c-200d,u+20b9,u+25cc,u+a8f1}@font-face{font-family:Hind Siliguri UI;src:url(/fonts/hind-siliguri-bengali-500.woff2) format("woff2");font-display:swap;font-stretch:normal;font-style:normal;font-weight:500;unicode-range:u+0951-0952,u+0964-0965,u+0980-09e5,u+09f0-09fe,u+1cd0,u+1cd2,u+1cd5-1cd6,u+1cd8,u+1ce1,u+1cea,u+1ced,u+1cf2,u+1cf5-1cf7,u+200c-200d,u+20b9,u+25cc,u+a8f1}@font-face{font-family:Hind Siliguri UI;src:url(/fonts/hind-siliguri-bengali-600.woff2) format("woff2");font-display:swap;font-stretch:normal;font-style:normal;font-weight:600;unicode-range:u+0951-0952,u+0964-0965,u+0980-09e5,u+09f0-09fe,u+1cd0,u+1cd2,u+1cd5-1cd6,u+1cd8,u+1ce1,u+1cea,u+1ced,u+1cf2,u+1cf5-1cf7,u+200c-200d,u+20b9,u+25cc,u+a8f1}@font-face{font-family:Hind Siliguri UI;src:url(/fonts/hind-siliguri-bengali-700.woff2) format("woff2");font-display:swap;font-stretch:normal;font-style:normal;font-weight:700;unicode-range:u+0951-0952,u+0964-0965,u+0980-09e5,u+09f0-09fe,u+1cd0,u+1cd2,u+1cd5-1cd6,u+1cd8,u+1ce1,u+1cea,u+1ced,u+1cf2,u+1cf5-1cf7,u+200c-200d,u+20b9,u+25cc,u+a8f1}@font-face{font-family:Noto Sans Bengali;src:url(/fonts/noto-sans-bengali-digits-100-900.woff2) format("woff2");font-display:swap;font-stretch:100%;font-style:normal;font-weight:100 900;unicode-range:u+0951-0952,u+0964-0965,u+0980-09fe,u+1cd0,u+1cd2,u+1cd5-1cd6,u+1cd8,u+1ce1,u+1cea,u+1ced,u+1cf2,u+1cf5-1cf7,u+200c-200d,u+20b9,u+25cc,u+a8f1}@font-face{font-family:Anek Bangla;src:url(/fonts/anek-bangla-bengali-100-800.woff2) format("woff2");font-display:swap;font-stretch:75% 125%;font-style:normal;font-weight:100 800;unicode-range:u+0951-0952,u+0964-0965,u+0980-09fe,u+1cd0,u+1cd2,u+1cd5-1cd6,u+1cd8,u+1ce1,u+1cea,u+1ced,u+1cf2,u+1cf5-1cf7,u+200c-200d,u+20b9,u+25cc,u+a8f1}@font-face{font-family:Anek Bangla;src:url(/fonts/anek-bangla-latin-ext-100-800.woff2) format("woff2");font-display:swap;font-stretch:75% 125%;font-style:normal;font-weight:100 800;unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Anek Bangla;src:url(/fonts/anek-bangla-latin-100-800.woff2) format("woff2");font-display:swap;font-stretch:75% 125%;font-style:normal;font-weight:100 800;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Roboto;src:url(/fonts/roboto-latin-100-900.woff2) format("woff2");font-display:swap;font-stretch:100%;font-style:normal;font-weight:100 900;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;src:url(/fonts/poppins-latin-400.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:400;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;src:url(/fonts/poppins-latin-500.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:500;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;src:url(/fonts/poppins-latin-600.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:600;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;src:url(/fonts/poppins-latin-700.woff2) format("woff2");font-display:swap;font-style:normal;font-weight:700;unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:QuranIndoPak;src:url(https://verses.quran.foundation/fonts/quran/hafs/nastaleeq/indopak/indopak-nastaleeq-waqf-lazim-v4.2.1.woff2) format("woff2");font-display:swap}@font-face{font-family:QuranHafs;src:url(/fonts/quran-hafs-uthmanic-v18.woff2) format("woff2");font-display:swap}:root{--font-ui:"MS Global UI",ui-sans-serif,system-ui,sans-serif;color-scheme:light;--background:#f8f6f0;--background-elevated:#f2f0e9;--surface:#ffffff;--surface-soft:#f3f7f4;--surface-warm:#fcf8ee;--primary:#176b52;--primary-strong:#0f4f3d;--primary-soft:#dcece6;--accent:#c4973b;--accent-soft:#f3e6c5;--text:#17231d;--text-soft:#5d6b64;--text-faint:#809087;--border:#e2e7e3;--border-strong:#cdd8d2;--danger:#a53a3a;--danger-soft:#f8e5e4;--shadow-sm:0 4px 14px rgba(24,48,38,0.07);--shadow-md:0 14px 38px rgba(24,48,38,0.11);--shadow-lg:0 24px 70px rgba(18,46,35,0.15);--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--radius-xl:34px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--bangla-scale:1}.quran-app[data-theme=sepia],.quran-floating-theme[data-theme=sepia],body[data-quran-theme=sepia]>.sheet-layer{color-scheme:light;--background:#f2ead8;--background-elevated:#e9dec7;--surface:#faf3e4;--surface-soft:#f4ebd9;--surface-warm:#f9efda;--primary:#496c57;--primary-strong:#355342;--primary-soft:#dbe3d8;--text:#2d291f;--text-soft:#6e6554;--text-faint:#8f8572;--border:#ded2bb;--border-strong:#cfc0a3}.quran-app[data-theme=dark],.quran-floating-theme[data-theme=dark],body[data-quran-theme=dark]>.sheet-layer{color-scheme:dark;--background:#101814;--background-elevated:#141f1a;--surface:#18231e;--surface-soft:#1c2b24;--surface-warm:#26251d;--primary:#62bd99;--primary-strong:#8dd6b8;--primary-soft:#1e4939;--accent:#d6ad5c;--accent-soft:#493c22;--text:#f2f5f3;--text-soft:#b5c0ba;--text-faint:#87958d;--border:#2b3932;--border-strong:#405249;--danger:#f08683;--danger-soft:#472927;--shadow-sm:0 5px 18px rgba(0,0,0,0.24);--shadow-md:0 16px 42px rgba(0,0,0,0.3);--shadow-lg:0 28px 80px rgba(0,0,0,0.38)}*{box-sizing:border-box}body,button,html,input,select,textarea{font-family:var(--font-ui)}html{scroll-behavior:smooth}body,html{background:var(--background)}body{margin:0;min-height:100vh;min-height:100dvh;color:var(--text);font-size:calc(16px * var(--bangla-scale));text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;font-family:var(--font-ui)}a,button{-webkit-tap-highlight-color:transparent}a,button{color:inherit}a{text-decoration:none}img,svg{display:block}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 35%,transparent);outline-offset:2px}::selection{background:var(--primary-soft);color:var(--text)}.quran-app{min-height:100dvh;color:var(--text);background:var(--background);font-size:calc(16px * var(--bangla-scale))}body[data-quran-theme]>.sheet-layer{font-size:calc(16px * var(--quran-bangla-scale, 1))}.app-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;min-height:calc(68px + var(--safe-top));padding:calc(10px + var(--safe-top)) 18px 10px;background:color-mix(in srgb,var(--background) 86%,transparent);border-bottom:1px solid color-mix(in srgb,var(--border) 72%,transparent);-webkit-backdrop-filter:blur(20px) saturate(1.2);backdrop-filter:blur(20px) saturate(1.2)}.brand{display:inline-flex;align-items:center;gap:11px;min-width:0}.brand-mark{width:42px;height:42px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--primary),var(--primary-strong));border-radius:14px;box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 24%,transparent)}.brand>span:last-child{display:grid;line-height:1.15}.brand strong{letter-spacing:-.2px}.brand small{margin-top:4px;color:var(--text-soft);font-size:11.5px}.header-actions{display:flex;align-items:center;gap:8px}.icon-button{width:44px;height:44px;display:inline-grid;place-items:center;flex:0 0 44px;padding:0;border:1px solid var(--border);border-radius:14px;background:var(--surface);cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.icon-button:active{transform:scale(.95)}.icon-button:hover{border-color:var(--border-strong);background:var(--surface-soft)}.icon-button.selected{color:var(--primary);background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 35%,var(--border))}.reader-offline-chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:7px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--danger-soft);color:var(--danger)}.app-main{width:min(100%,1120px);margin:0 auto;padding:22px 16px calc(96px + var(--safe-bottom))}.app-main.with-player{padding-bottom:calc(166px + var(--safe-bottom))}.reader-main{min-height:100dvh;padding:0}.reader-main.with-player{padding-bottom:calc(74px + var(--safe-bottom))}.audio-mini{position:fixed;z-index:55;left:9px;right:9px;bottom:calc(4px + var(--safe-bottom));overflow:hidden;background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid var(--border-strong);border-radius:18px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.audio-play-button{width:44px;height:44px;display:grid;place-items:center;color:#fff;background:var(--primary);border:0;border-radius:50%;cursor:pointer}.audio-close-button{width:32px;height:32px;display:grid;place-items:center;padding:0;color:var(--text-soft);background:transparent;border:0;border-radius:50%;cursor:pointer}.primary-button,.secondary-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:14px;font-weight:800;cursor:pointer}.primary-button{color:#fff;background:var(--primary);border:1px solid var(--primary)}.primary-button:hover{background:var(--primary-strong)}.primary-button:disabled{opacity:.45;cursor:not-allowed}.secondary-button{color:var(--primary);background:var(--surface);border:1px solid var(--border-strong)}.wide-button{width:100%}.section-kicker{color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.page-intro h1{margin:5px 0 4px;font-size:clamp(28px,8vw,42px);line-height:1.15}.page-intro p{max-width:650px;margin:0;color:var(--text-soft);line-height:1.6}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:14px;margin-bottom:12px}.section-heading h2{margin:3px 0 0;font-size:21px}.section-heading>a,.section-heading>span{color:var(--primary);font-size:12px;font-weight:800}.offline-page-stack{display:grid;gap:24px}.offline-guidance{padding:18px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-card{position:relative;min-height:180px;display:flex;flex-direction:column;align-items:flex-start;padding:17px;overflow:hidden;border:1px solid var(--border);border-radius:21px;box-shadow:var(--shadow-sm)}.mode-card:after{content:"";position:absolute;right:-30px;bottom:-34px;width:105px;height:105px;border-radius:50%;opacity:.27}.mode-card strong{margin-top:16px;font-size:15px}.mode-card p{margin:5px 0 0;color:var(--text-soft);font-size:11px;line-height:1.45}select{width:100%;min-height:46px;padding:10px 13px;color:var(--text);background:var(--surface-soft);border:1px solid var(--border);border-radius:13px}.compact-list{display:grid;gap:8px}.compact-list a{min-height:62px;display:grid;grid-template-columns:40px 1fr 30px;align-items:center;gap:9px;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:15px}.compact-list>a>svg{width:40px;height:40px;padding:10px;color:var(--primary);background:var(--primary-soft);border-radius:12px}.compact-list span{min-width:0;display:grid}.compact-list small,.compact-list strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-list small{color:var(--text-soft);font-size:10px}.empty-inline{padding:24px;text-align:center;color:var(--text-soft);background:var(--surface);border:1px dashed var(--border-strong);border-radius:17px}.page-jump-illustration{width:75px;height:75px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:25px}.quran-loading{display:grid;gap:12px;width:100%;padding:18px}.skeleton-line{height:14px;margin-inline:auto;background:linear-gradient(90deg,var(--border),var(--surface-soft),var(--border));background-size:220% 100%;border-radius:999px;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position-x:-220%}}.state-card{display:grid;justify-items:center;gap:8px;padding:28px 20px;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.state-icon{width:58px;height:58px;display:grid;place-items:center;color:var(--accent);background:var(--accent-soft);border-radius:20px}.state-card h2{margin:7px 0 0;font-size:19px}.state-card p{max-width:520px;margin:0;color:var(--text-soft);line-height:1.6}.state-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:7px}.reader-screen{min-height:100dvh;background:var(--background)}.reader-topbar{position:sticky;top:0;z-index:42;min-height:calc(66px + var(--safe-top));display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:7px;padding:calc(7px + var(--safe-top)) 9px 7px;background:color-mix(in srgb,var(--background) 88%,transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.reader-static-title,.reader-title-button{min-width:0;display:grid;justify-items:center;padding:5px 7px;text-align:center;background:transparent;border:0;cursor:pointer}.reader-static-title strong,.reader-title-button strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.reader-static-title span,.reader-title-button span{margin-top:2px;color:var(--text-soft);font-size:9.5px}.reader-top-actions{display:flex;align-items:center;gap:4px}.reader-content-area{display:grid;justify-items:center;gap:9px;padding:12px 7px 96px}.mushaf-paper{width:min(100%,850px);min-height:calc(100dvh - 170px);position:relative;display:flex;flex-direction:column;padding:14px 8px 38px;color:var(--text);background:var(--surface-warm);border:1px solid color-mix(in srgb,var(--accent) 25%,var(--border));border-radius:12px;box-shadow:var(--shadow-sm)}.mushaf-ornament{direction:ltr;min-height:27px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--accent);font-family:serif;font-size:11px}.mushaf-ornament span{width:45px;height:1px;background:linear-gradient(90deg,transparent,var(--accent))}.mushaf-ornament span:last-child{background:linear-gradient(90deg,var(--accent),transparent)}.mushaf-lines{flex:1 1;min-height:650px;display:grid;grid-template-rows:repeat(15,minmax(0,1fr));align-items:center}.mushaf-line{--level:calc((var(--arabic-level, 3) - 3) * 1.1px);min-width:0;display:flex;flex-wrap:nowrap;align-items:baseline;justify-content:center;gap:.13em;white-space:nowrap;font-family:QuranIndoPak,Noto Nastaliq Urdu,serif;font-size:calc(clamp(19px, 4.85vw, 34px) + var(--level));line-height:1.7}.mushaf-word{display:inline;padding:0;color:inherit;background:none;border:0;cursor:pointer;font:inherit;line-height:inherit}.mushaf-word:hover{color:var(--primary)}.mushaf-marker{display:inline}.mushaf-page-number{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);min-width:33px;padding:3px 8px;text-align:center;color:var(--text-soft);border:1px solid var(--border);border-radius:999px;font-family:inherit;font-size:10px}.big-text-layout{--big-level:calc((var(--arabic-level, 3) - 3) * 2.4px)}.big-text-layout .mushaf-lines{display:block;min-height:auto}.big-text-layout .mushaf-line{flex-wrap:wrap;justify-content:flex-start;white-space:normal;margin-bottom:13px;font-size:calc(clamp(31px, 8vw, 56px) + var(--big-level));line-height:2}.loading-paper .quran-loading{margin-block:auto}.reader-bottom-controls{position:fixed;z-index:44;left:0;right:0;bottom:var(--safe-bottom);min-height:70px;display:grid;grid-template-columns:1fr 78px 1fr;gap:5px;padding:6px 8px;background:color-mix(in srgb,var(--surface) 94%,transparent);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.reader-bottom-controls>button{min-height:54px;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px;color:var(--text);background:var(--surface-soft);border:1px solid var(--border);border-radius:14px;cursor:pointer;font-size:11px;font-weight:800}.reader-bottom-controls>button:disabled{opacity:.35;pointer-events:none}.reader-bottom-controls .page-control{display:grid;grid-template-columns:auto auto;align-content:center;gap:0 4px;color:var(--primary);background:var(--primary-soft)}.page-control>svg{grid-row:1/3}.page-control strong{font-size:16px;line-height:1}.page-control span{font-size:8px}.reader-main.with-player .reader-bottom-controls{bottom:calc(70px + var(--safe-bottom))}.reader-main.with-player .audio-mini{bottom:calc(4px + var(--safe-bottom))}.reader-page-dock{position:fixed;z-index:54;left:50%;bottom:calc(8px + var(--safe-bottom));width:min(calc(100% - 16px),520px);min-height:68px;display:grid;grid-template-columns:62px minmax(0,1fr) 62px;gap:6px;padding:6px;background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid var(--border-strong);border-radius:21px;box-shadow:var(--shadow-md);transform:translateX(-50%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.reader-page-dock button{cursor:pointer}.reader-page-step{min-height:54px;display:grid;place-items:center;align-content:center;gap:0;padding:3px;color:var(--text-soft);background:var(--surface-soft);border:1px solid var(--border);border-radius:15px}.reader-page-step span{font-size:11px;font-weight:700}.reader-page-step:disabled{opacity:.38;cursor:not-allowed}.reader-page-picker-button{min-width:0;min-height:54px;position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:6px 13px 8px;color:var(--primary);background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 36%,var(--border));border-radius:15px}.reader-page-progress{position:absolute;left:10px;right:10px;bottom:4px;height:3px;overflow:hidden;background:color-mix(in srgb,var(--primary) 15%,transparent);border-radius:999px}.reader-page-progress i{height:100%;display:block;background:var(--primary);border-radius:inherit}.reader-page-picker-copy{display:inline-flex;align-items:baseline;gap:3px}.reader-page-picker-copy strong{font-size:22px;line-height:1}.reader-page-picker-copy small{color:var(--text-soft);font-size:11px}.reader-page-picker-label{min-width:0;display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;white-space:nowrap;font-size:12px;font-weight:700}.reader-main.with-player .reader-page-dock{bottom:calc(78px + var(--safe-bottom))}.page-picker-sheet{display:grid;gap:15px}.page-picker-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 12px;padding:15px 17px;background:var(--primary-soft);border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));border-radius:17px}.page-picker-summary span{color:var(--text-soft);font-size:13px}.page-picker-summary strong{grid-row:1/3;grid-column:2;color:var(--primary);font-size:34px;line-height:1}.page-picker-summary small{color:var(--text-soft);font-size:12px}.page-picker-range{display:grid;gap:10px;padding:14px;background:var(--surface-soft);border:1px solid var(--border);border-radius:16px}.page-picker-range>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.page-picker-range output{min-width:42px;color:var(--primary);font-weight:800;text-align:right}.page-picker-range input{width:100%;accent-color:var(--primary)}.page-picker-input-row{display:grid;grid-template-columns:minmax(0,1fr) 104px;align-items:end;gap:9px}.page-picker-input-row label{display:grid;gap:6px;color:var(--text-soft);font-size:13px;font-weight:700}.page-picker-input-row input{min-height:52px;width:100%;padding:9px 12px;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:13px}.page-picker-input-row .primary-button{min-height:52px}.page-picker-error{margin:-5px 2px 0;color:var(--danger);font-size:12px;font-weight:700}.page-picker-input-row input[aria-invalid=true]{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 14%,transparent)}.page-picker-shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:6px}.page-picker-shortcuts button{min-height:46px;display:grid;place-content:center;gap:1px;color:var(--primary);background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;cursor:pointer;font-weight:700}.page-picker-shortcuts button small{color:var(--text-soft);font-size:9px;font-weight:600}.study-content{width:min(100%,840px);margin:0 auto;padding:14px 11px 92px}.ayah-stack{display:grid;gap:8px}.ayah-card{position:relative;padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-sm);scroll-margin-top:20px}.ayah-actions-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.ayah-actions-top>span{min-width:44px;min-height:36px;display:inline-grid;place-items:center;border-radius:12px;font-size:13px;font-weight:800}.ayah-actions-top>div{display:flex;gap:5px}.ayah-actions-top button{width:44px;height:44px;display:grid;place-items:center;color:var(--text-soft);background:var(--surface-soft);border:1px solid var(--border);border-radius:12px;cursor:pointer}.ayah-actions-top button:disabled{opacity:.35}.ayah-arabic{--level:calc((var(--arabic-level, 3) - 3) * 2px);text-align:right;font-family:QuranHafs,serif;font-size:calc(clamp(29px, 7.2vw, 48px) + var(--level));line-height:1.65}.inline-quran-word{display:inline-block;margin-inline:.07em;color:inherit;font:inherit;line-height:inherit;white-space:nowrap}.study-source-strip{width:min(100% - 20px,820px);min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:10px auto 0;padding:8px 12px;color:var(--text-soft);background:var(--surface);border:1px solid var(--border);border-radius:13px;font-size:10px}.study-source-strip button{color:var(--primary);background:transparent;border:0;font-weight:800;cursor:pointer}.translation-divider{display:flex;align-items:center;gap:8px;margin:8px 0 6px;color:var(--text-faint);font-size:13px;font-weight:800;text-transform:uppercase}.translation-divider:after,.translation-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.bangla-translation{--level:calc((var(--bangla-level, 2) - 2) * 1.4px);margin:0;text-align:center;font-size:calc(20px + var(--level));font-weight:500;line-height:1.7}.study-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.study-actions button{min-height:44px;display:inline-flex;align-items:center;padding:7px 12px;color:var(--primary);background:var(--primary-soft);border:0;border-radius:11px;font-size:13px;font-weight:800;cursor:pointer}.sheet-layer{position:fixed;z-index:100;inset:0;display:grid;align-items:end}.sheet-backdrop{position:absolute;inset:0;width:100%;height:100%;background:rgba(4,15,10,.48);border:0;cursor:pointer;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.bottom-sheet{position:relative;z-index:1;width:min(100%,680px);max-height:min(88dvh,840px);margin:0 auto;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:25px 25px 0 0;box-shadow:var(--shadow-lg)}.sheet-handle{width:45px;height:5px;margin:8px auto 3px;background:var(--border-strong);border-radius:999px}.bottom-sheet>header{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 14px;border-bottom:1px solid var(--border)}.bottom-sheet h2{margin:0;font-size:18px}.sheet-body{max-height:calc(88dvh - 70px);overflow-y:auto;padding:16px 16px calc(20px + var(--safe-bottom))}.footnote-list,.settings-sheet-stack{display:grid;gap:14px}.setting-block{padding:14px;background:var(--surface-soft);border:1px solid var(--border);border-radius:15px}.setting-heading{display:flex;justify-content:space-between;margin-bottom:10px}.setting-heading>div{display:grid}.setting-heading strong{font-size:13px}.setting-heading span{color:var(--text-soft);font-size:10px}.setting-block input[type=range]{width:100%;accent-color:var(--primary)}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.choice-row button,.theme-options button{min-height:42px;display:flex;align-items:center;justify-content:center;gap:5px;color:var(--text-soft);background:var(--surface);border:1px solid var(--border);border-radius:12px;cursor:pointer;font-size:11px;font-weight:800}.choice-row button.active,.theme-options button.active{color:var(--primary);background:var(--primary-soft);border-color:var(--primary)}.choice-row{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.footnote-list>div{display:grid;grid-template-columns:32px 1fr;gap:10px;padding:12px;background:var(--surface-soft);border-radius:13px}.footnote-list strong{width:32px;height:32px;display:grid;place-items:center;color:var(--primary);background:var(--primary-soft);border-radius:10px}.footnote-list p{margin:0;color:var(--text-soft);line-height:1.7}.empty-card{display:grid;justify-items:center;gap:8px;padding:30px 20px;text-align:center;color:var(--text-soft);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg)}.empty-card h2{margin:7px 0 0;color:var(--text)}.empty-card p{margin:0 0 9px}.theme-options.large{grid-template-columns:repeat(3,1fr)}.offline-hero{display:grid;justify-items:start;padding:28px;color:#fff;background:linear-gradient(145deg,#193d31,#176b52);border-radius:var(--radius-xl)}.offline-hero>svg{margin-bottom:18px;color:#f0d99d}.offline-hero .section-kicker{color:#d8e9e2}.offline-hero h1{margin:6px 0}.offline-hero p{margin:0;color:#d8e9e2;line-height:1.65}.offline-guidance{display:grid;gap:9px}.offline-guidance>div{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px;padding:11px;background:var(--surface-soft);border-radius:14px}.offline-guidance>div>svg{width:42px;height:42px;padding:10px;color:var(--primary);background:var(--primary-soft);border-radius:13px}.offline-guidance span{display:grid}.offline-guidance strong{font-size:13px}.offline-guidance small{color:var(--text-soft);font-size:10px}.standalone-state{min-height:100dvh;display:grid;align-content:center;justify-items:center;gap:9px;padding:24px;text-align:center;background:var(--background)}.standalone-state h1{margin:8px 0 0}.standalone-state p{margin:0 0 8px;color:var(--text-soft)}@media (min-width:620px){.app-main{padding-inline:24px}.mode-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mode-card{min-height:200px}.reader-content-area{padding-inline:18px}.mushaf-paper{padding-inline:22px}.mushaf-line{font-size:calc(clamp(24px, 3vw, 39px) + var(--level))}}@media (min-width:900px){.app-header{padding-inline:max(30px,calc((100vw - 1120px)/2))}.audio-mini{left:50%;right:auto;width:520px;transform:translateX(-50%)}.reader-topbar{padding-inline:max(14px,calc((100vw - 900px)/2))}.reader-bottom-controls{left:50%;right:auto;width:660px;transform:translateX(-50%)}.mushaf-lines{min-height:780px}.mushaf-paper{min-height:890px;padding:22px 34px 45px}.mushaf-line{font-size:calc(clamp(31px, 2.25vw, 42px) + var(--level))}.study-content{padding-top:26px}.ayah-card{padding:12px 16px}}@media (max-width:374px){.app-header{padding-inline:11px}.brand small{display:none}.app-main{padding-inline:11px}.mode-card{min-height:167px;padding:14px}.mode-card strong{font-size:14px}.mode-card p{font-size:10.5px}.reader-topbar{grid-template-columns:40px minmax(0,1fr) auto;padding-inline:6px}.reader-topbar .icon-button{width:40px;height:40px;flex-basis:40px}.reader-top-actions{gap:2px}.reader-top-actions .icon-button{width:36px;height:36px;flex-basis:36px}.reader-bottom-controls{grid-template-columns:1fr 64px 1fr}.reader-bottom-controls>button{font-size:10px}.mushaf-paper{padding-inline:6px}.mushaf-line{gap:.08em;font-size:calc(clamp(17px, 4.5vw, 27px) + var(--level))}.choice-row{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--control-min:44px;--mobile-nav-height:74px;--mini-player-height:70px;--text-faint:#65756d}body{line-height:1.55}.desktop-nav{display:none}.app-main{padding-bottom:calc(var(--mobile-nav-height) + 28px + var(--safe-bottom))}.app-main.with-player{padding-bottom:calc(var(--mobile-nav-height) + var(--mini-player-height) + 44px + var(--safe-bottom))}.audio-close-button,.audio-play-button{min-width:44px;min-height:44px}.brand strong{font-size:17px}.brand small,.section-kicker{font-size:13px}.page-intro p{font-size:15px}.mode-card{min-height:168px;padding:16px}.mode-card strong{font-size:16px}.mode-card p{line-height:1.55}.mode-card p,.surah-meta{font-size:13px}.reader-topbar{min-height:calc(72px + var(--safe-top));padding-inline:10px}.reader-top-actions .icon-button,.reader-topbar .icon-button{width:44px;height:44px;flex-basis:44px}.reader-static-title strong,.reader-title-button strong{font-size:16px}.reader-static-title span,.reader-title-button span{font-size:12px}.reader-content-area{padding-bottom:100px}.hafezi-reader{min-height:0;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden}.reader-main.with-player>.hafezi-reader{height:calc(100dvh - 74px - var(--safe-bottom))}.hafezi-reader .reader-content-area{min-height:0;overflow-y:auto;overscroll-behavior-y:contain;padding-bottom:18px;scroll-padding-bottom:18px;-webkit-overflow-scrolling:touch}.hafezi-reader>.reader-page-dock{position:relative;left:auto;bottom:auto;margin:0 auto calc(8px + var(--safe-bottom));transform:none}.reader-main.with-player>.hafezi-reader>.reader-page-dock{bottom:auto;margin-bottom:8px}.mushaf-paper{border-radius:16px}.mushaf-word:focus-visible{border-radius:5px;outline-offset:4px}.ayah-end-marker{width:1.75em;height:1.75em;display:inline-grid;flex:0 0 auto;place-items:center;margin-inline:.1em;vertical-align:middle;color:color-mix(in srgb,var(--accent) 65%,var(--text));background:var(--surface);border:1.5px solid;border-radius:50%;font-family:var(--font-ui);font-size:.62em;font-weight:700;line-height:1;box-shadow:0 0 0 2px color-mix(in srgb,currentColor 18%,transparent)}.ayah-end-marker>span{color:var(--text);transform:translateY(-.03em)}.reader-zoom-controls{position:fixed;z-index:58;right:10px;bottom:calc(86px + var(--safe-bottom));display:grid;grid-template-columns:58px 58px 58px;align-items:center;gap:4px;padding:5px;background:color-mix(in srgb,var(--surface) 96%,transparent);border:1px solid var(--border-strong);border-radius:20px;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.reader-zoom-controls button{min-width:58px;height:52px;display:grid;align-content:center;justify-items:center;gap:0;padding:2px;color:var(--primary);background:var(--primary-soft);border:0;border-radius:15px;cursor:pointer;font-weight:800}.reader-zoom-controls button span{font-family:var(--font-ui);font-size:16px;line-height:1.1}.reader-zoom-controls button small{color:var(--text-soft);font-size:10px;font-weight:600}.reader-zoom-controls button:disabled{opacity:.38;cursor:not-allowed}.reader-zoom-level{min-height:52px;display:grid;align-content:center;justify-items:center;color:var(--text-soft);background:var(--surface-soft);border-radius:15px}.reader-zoom-level small{font-size:10px}.reader-zoom-controls output{color:var(--primary);font-size:17px;font-weight:800;line-height:1.1}.reader-bottom-controls>button{min-height:56px;font-size:13px}.page-control span{font-size:11px}.study-source-strip{font-size:13px;min-height:48px}.study-source-strip button{min-height:44px;padding-inline:10px}.reader-offline-chip{font-size:13px;line-height:1.5}.setting-heading strong{font-size:15px}.setting-heading span{font-size:13px}.choice-row button,.theme-options button{min-height:46px;font-size:14px}@media (min-width:620px) and (max-width:1023px){.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-card{min-height:176px}.mushaf-paper{max-width:760px}}@media (min-width:768px){.bottom-sheet{width:min(calc(100% - 48px),620px);margin-block:auto;border-radius:24px}.sheet-layer{align-items:center}.sheet-handle{display:none}.sheet-body{padding:20px}}@media (max-width:1023px){.hafezi-reader{grid-template-rows:auto minmax(0,1fr) auto auto}.hafezi-reader>.reader-zoom-controls{position:relative;right:auto;bottom:auto;justify-self:center;margin:0 auto 6px}.reader-main.with-player>.hafezi-reader>.reader-zoom-controls{bottom:auto}.reader-main.with-player .reader-zoom-controls{bottom:calc(154px + var(--safe-bottom))}.study-content{padding-bottom:calc(166px + var(--safe-bottom))}.reader-main.with-player .study-content{padding-bottom:160px}}@media (min-width:1024px){.app-header{min-height:80px;display:grid;grid-template-columns:auto minmax(420px,1fr) auto;gap:24px}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:6px}.desktop-nav a{min-height:48px;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;color:var(--text-soft);border-radius:14px;font-size:14px;font-weight:700}.desktop-nav a.active{color:var(--primary);background:var(--primary-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 22%,transparent)}.app-main{padding-bottom:48px}.app-main.with-player{padding-bottom:calc(var(--mini-player-height) + 54px)}.mode-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mode-card{min-height:196px}.reader-topbar{padding-inline:max(18px,calc((100vw - 940px) / 2))}.reader-content-area{padding-top:18px}.mushaf-paper{min-height:min(790px,calc(100dvh - 128px));padding:20px 30px 44px}.mushaf-lines{min-height:650px}.mushaf-line{font-size:calc(clamp(26px, 2vw, 32px) + var(--level));line-height:1.5}.reader-zoom-controls{top:100px;right:max(18px,calc((100vw - 1030px) / 2));bottom:auto;grid-template-columns:48px;grid-template-rows:48px 52px 48px}.reader-zoom-controls button{min-width:48px;height:48px}.reader-bottom-controls{bottom:16px;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-md)}.study-content{width:min(100%,820px)}}@media (max-width:374px){.reader-top-actions .icon-button{width:44px;height:44px;flex-basis:44px}.reader-bottom-controls>button{font-size:12px}.reader-zoom-controls{right:6px;grid-template-columns:44px 30px 44px}.reader-zoom-controls button{min-width:44px}.reader-page-picker-button{gap:5px;padding-inline:9px}.reader-page-picker-label{gap:0;font-size:0}.mode-card p{font-size:12px}}.AuthUnavailable_page__Y1Ahp{min-height:100svh;display:grid;place-items:center;padding:20px;color:var(--text);background:radial-gradient(circle at 15% 12%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 34rem),linear-gradient(145deg,var(--background),var(--surface-soft))}.AuthUnavailable_card__376Oy{width:min(100%,520px);padding:clamp(25px,6vw,42px);border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:var(--shadow-lg);text-align:center}.AuthUnavailable_mark___ICB_{width:64px;height:64px;display:block;margin:0 auto 18px;object-fit:contain}.AuthUnavailable_eyebrow__B2IXG{margin:0 0 7px;color:var(--primary);font-family:var(--font-ui);font-size:.72rem;font-weight:800;letter-spacing:.12em}.AuthUnavailable_card__376Oy h1{margin:0;font-size:clamp(1.7rem,6vw,2.35rem);line-height:1.24}.AuthUnavailable_card__376Oy p:not(.AuthUnavailable_eyebrow__B2IXG){margin:13px 0 22px;color:var(--text-soft);line-height:1.65}.AuthUnavailable_card__376Oy button{width:100%;min-height:48px;padding:10px 16px;border:0;border-radius:12px;color:white;background:var(--primary);cursor:pointer;font:inherit;font-weight:800}.AuthUnavailable_card__376Oy button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 60%,transparent);outline-offset:3px}.AuthUnavailable_card__376Oy small{display:block;margin-top:15px;color:var(--text-faint);font-size:.75rem;line-height:1.5}@media (max-width:360px){.AuthUnavailable_page__Y1Ahp{padding:9px}.AuthUnavailable_card__376Oy{padding:23px 17px;border-radius:18px}}