@font-face{font-family:Amiri Quran;font-style:normal;font-weight:400;font-display:swap;src:url(../media/318e7a4ab76bee79-s.p.3oe40_-uru6tm.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Amiri Quran;font-style:normal;font-weight:400;font-display:swap;src:url(../media/38ff387ee67bc4cc-s.p.16ebw921qj52m.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Amiri Quran Fallback;src:local(Times New Roman);ascent-override:181.61%;descent-override:63.44%;line-gap-override:0.0%;size-adjust:99.94%}.Cqg4zW_className{font-family:Amiri Quran,Amiri Quran Fallback;font-style:normal;font-weight:400}.Cqg4zW_variable{--font-amiri-quran:"Amiri Quran", "Amiri Quran Fallback"}
@font-face{font-family:Noto Nastaliq Urdu;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7431e9586bb7ba3a-s.p.0t_d-lvc66ffr.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Noto Nastaliq Urdu;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c9936ae704f75ae4-s.1ch9t_wapdst1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Nastaliq Urdu;font-style:normal;font-weight:400;font-display:swap;src:url(../media/6881cf93187e1d60-s.07pk7ih65v5a3.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Nastaliq Urdu;font-style:normal;font-weight:600;font-display:swap;src:url(../media/7431e9586bb7ba3a-s.p.0t_d-lvc66ffr.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF?,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Noto Nastaliq Urdu;font-style:normal;font-weight:600;font-display:swap;src:url(../media/c9936ae704f75ae4-s.1ch9t_wapdst1.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Nastaliq Urdu;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6881cf93187e1d60-s.07pk7ih65v5a3.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Nastaliq Urdu Fallback;src:local(Times New Roman);ascent-override:167.79%;descent-override:52.52%;line-gap-override:0.0%;size-adjust:113.48%}.pmWSxa_className{font-family:Noto Nastaliq Urdu,Noto Nastaliq Urdu Fallback;font-style:normal}.pmWSxa_variable{--font-urdu:"Noto Nastaliq Urdu", "Noto Nastaliq Urdu Fallback"}
@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.1cox7hpc1tfbr.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.3t00_18uk4swp.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.12wv-xs8vggjn.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.1cox7hpc1tfbr.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.3t00_18uk4swp.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.12wv-xs8vggjn.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.1cox7hpc1tfbr.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.3t00_18uk4swp.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.12wv-xs8vggjn.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka Fallback;src:local(Arial);ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.0%;size-adjust:101.84%}._mWJTW_className{font-family:Fredoka,Fredoka Fallback;font-style:normal}._mWJTW_variable{--font-fredoka:"Fredoka", "Fredoka Fallback"}
@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/224e262ef877bfa4-s.2yhdohbnxjaph.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0vsuy7nj1h55w.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1tzxx-40rxw3x.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.3aj86x1l4-kru.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:400;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.1d8-5gtibtj96.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/224e262ef877bfa4-s.2yhdohbnxjaph.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0vsuy7nj1h55w.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1tzxx-40rxw3x.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.3aj86x1l4-kru.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:600;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.1d8-5gtibtj96.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/224e262ef877bfa4-s.2yhdohbnxjaph.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0vsuy7nj1h55w.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1tzxx-40rxw3x.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.3aj86x1l4-kru.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:700;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.1d8-5gtibtj96.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/224e262ef877bfa4-s.2yhdohbnxjaph.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/7f11d98043fdedc9-s.0vsuy7nj1h55w.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/e6d00ff86ef9e699-s.1tzxx-40rxw3x.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/d8cb5ab3660140cd-s.3aj86x1l4-kru.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Nunito;font-style:normal;font-weight:800;font-display:swap;src:url(../media/07454f8ad8aaac57-s.p.1d8-5gtibtj96.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Nunito Fallback;src:local(Arial);ascent-override:99.71%;descent-override:34.82%;line-gap-override:0.0%;size-adjust:101.39%}._13eopW_className{font-family:Nunito,Nunito Fallback;font-style:normal}._13eopW_variable{--font-nunito:"Nunito", "Nunito Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}.lessons,.sources{list-style:outside}ol.lessons{list-style:decimal}svg{display:inline-block}a{color:inherit}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--paper:#f3f6ee;--card:#fff;--ink:#173f45;--muted:#5b726f;--line:#dbe3d3;--sun:#f2b632;--sun-ink:#7a5208;--leaf:#2f8f6b;--rose:#c2453a;--sky:#d9eef7;--c:#2f8f6b;--soft:#e2f3ea;--f-display:var(--font-fredoka), var(--font-nunito), system-ui, sans-serif;--f-body:var(--font-nunito), system-ui, -apple-system, "Segoe UI", sans-serif;--f-ar:var(--font-amiri-quran), "Amiri", "Scheherazade New", "Traditional Arabic", serif;--f-ur:var(--font-urdu), "Jameel Noori Nastaleeq", "Urdu Typesetting", serif;--ar-scale:1;--r:18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;--c-ink:var(--c)}@supports (color:color-mix(in lab, red, red)){*{--c-ink:color-mix(in srgb, var(--c) 72%, #000)}}*{--w-ink:var(--w,var(--c))}@supports (color:color-mix(in lab, red, red)){*{--w-ink:color-mix(in srgb, var(--w,var(--c)) 70%, #000)}}html,body{background:var(--paper);color:var(--ink)}body{font-family:var(--f-body);-webkit-tap-highlight-color:transparent;margin:0;font-size:16px;line-height:1.5}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--card);position:fixed;inset:0 0 auto}h1,h2,h3{font-family:var(--f-display);text-wrap:balance;margin:0;font-weight:600;line-height:1.15}p{margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--sun);outline-offset:2px;border-radius:8px}[lang=ar]{font-family:var(--f-ar)}[lang=ur]{font-family:var(--f-ur)}.noscript{padding:40px 0;font-size:18px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.bar{top:env(safe-area-inset-top,0px);z-index:20;background:var(--card);border-bottom:1px solid var(--line);position:sticky}.bar-in{max-width:1120px;padding-block:10px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));align-items:center;gap:16px;margin:0 auto;display:flex}.brand{color:var(--ink);font-family:var(--f-display);white-space:nowrap;align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.brand-mark{flex:none;width:36px;height:36px}.bar-nav{gap:4px;margin-left:auto;display:flex}.bar-nav a{color:var(--muted);border-radius:999px;padding:8px 12px;font-weight:800;text-decoration:none}.bar-nav a[aria-current=page]{background:var(--soft);color:var(--ink)}.me{border:2px solid var(--line);background:var(--card);border-radius:999px;align-items:center;gap:8px;max-width:220px;padding:4px 12px 4px 4px;font-weight:800;display:flex}.me .av{width:32px;height:32px}.me .me-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.me .me-stars{color:var(--sun-ink);white-space:nowrap}@media (max-width:720px){.brand span{display:none}.bar-nav{flex:1;justify-content:center;margin-left:0}.bar-nav a{padding:8px 9px;font-size:14px}.me .me-name{display:none}}main{max-width:1120px;padding-block:20px 120px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));outline:none;margin:0 auto}.stack{flex-direction:column;gap:20px;display:flex}.eyebrow{font-family:var(--f-display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:13px;font-weight:600}.btn{background:var(--c-ink);color:#fff;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 18px;font-weight:800;text-decoration:none;transition:transform .12s,filter .12s;display:inline-flex}.btn:hover{filter:brightness(1.06)}.btn:active{transform:scale(.97)}.btn.ghost{background:var(--card);color:var(--ink);border-color:var(--line)}.btn.sun{background:var(--sun);color:#3b2a04}.btn.small{min-height:38px;padding:6px 14px;font-size:14px}.btn[disabled]{opacity:.45;cursor:default}.btn svg{flex:none;width:20px;height:20px}.chip{background:var(--soft);color:var(--c-ink);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:800;display:inline-flex}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px}.panel h3{color:var(--c-ink);align-items:center;gap:8px;margin-bottom:8px;font-size:19px;display:flex}.grid2{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;display:grid}.muted{color:var(--muted)}.ic{flex:none;width:22px;height:22px}.hello{grid-template-columns:1.3fr 1fr;align-items:stretch;gap:20px;display:grid}.hello-card{color:#fff;background:linear-gradient(160deg,#1f5f5b,#2f9e8f 60%,#7cc6a4);border-radius:24px;flex-direction:column;gap:12px;padding:26px 26px 22px;display:flex;position:relative;overflow:hidden}.hello-card h1{font-size:clamp(28px,4.4vw,42px)}.hello-card p{color:#eaf7f1;max-width:46ch;font-size:17px}.hello-card .row{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.hello-card .btn.ghost{color:#fff;background:#fff2;border-color:#fff5}.hello-card .deco{opacity:.18;pointer-events:none;width:200px;height:200px;position:absolute;top:-30px;right:-30px}.progress-card{background:var(--card);border:1px solid var(--line);border-radius:24px;flex-direction:column;justify-content:center;gap:10px;padding:20px;display:flex}.big-stars{font-family:var(--f-display);color:var(--sun-ink);align-items:center;gap:10px;font-size:40px;font-weight:700;display:flex}.big-stars svg{width:40px;height:40px}.bar-meter{background:#eef1e8;border-radius:99px;height:14px;overflow:hidden}.bar-meter span{background:linear-gradient(90deg, var(--sun), #f7d36b);border-radius:99px;height:100%;display:block}@media (max-width:760px){.hello{grid-template-columns:1fr}}.journey{padding:8px 0 4px;position:relative}.journey-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.journey-head h2{font-size:26px}.path-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.stops{grid-template-columns:repeat(5,1fr);gap:84px 12px;padding:22px 0 10px;display:grid;position:relative}.stops .stop.low{transform:translateY(46px)}.stops{padding-bottom:56px}@media (max-width:760px){.stops{grid-template-columns:repeat(2,1fr);gap:40px 12px;padding-bottom:80px}.stops .stop.low{transform:translateY(70px)}}.stop{color:var(--ink);text-align:center;z-index:1;flex-direction:column;align-items:center;gap:6px;text-decoration:none;display:flex;position:relative}.medal{background:linear-gradient(150deg, var(--c), var(--c-ink));color:#fff;width:92px;height:92px;font-family:var(--f-display);clip-path:polygon(50% 0,63% 14%,82% 12%,85% 33%,100% 50%,85% 67%,82% 88%,63% 86%,50% 100%,37% 86%,18% 88%,15% 67%,0 50%,15% 33%,18% 12%,37% 14%);place-items:center;font-size:24px;font-weight:700;transition:transform .18s;display:grid}.stop:hover .medal,.stop:focus-visible .medal{transform:scale(1.08)rotate(-4deg)}.stop .medal-wrap{background:var(--paper);border-radius:50%;padding:6px;position:relative}.stop.done .medal{background:linear-gradient(140deg, var(--c), var(--sun))}.stop .s-ar{font-family:var(--f-ar);color:var(--c-ink);font-size:20px;line-height:1.6}.stop .s-en{font-size:15px;font-weight:800;line-height:1.1}.stars3{justify-content:center;gap:2px;display:flex}.stars3 svg{width:20px;height:20px}.next-tag{background:var(--sun);color:#3b2a04;white-space:nowrap;z-index:2;border-radius:99px;padding:2px 9px;font-size:11px;font-weight:800;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.shelf{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;display:grid}.shelf a,.shelf button{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--r);color:var(--ink);grid-template-columns:74px 1fr;align-items:center;gap:14px;padding:14px;text-decoration:none;display:grid}.shelf img{border-radius:6px;width:74px;box-shadow:0 3px 10px #0002}.shelf h3{font-size:18px}.shelf p{color:var(--muted);font-size:14px}.s-head{background:var(--c-ink);color:#fff;border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px 20px;display:grid}.s-head .badge{width:58px;height:58px;color:var(--c-ink);font-family:var(--f-display);clip-path:polygon(50% 0,63% 14%,82% 12%,85% 33%,100% 50%,85% 67%,82% 88%,63% 86%,50% 100%,37% 86%,18% 88%,15% 67%,0 50%,15% 33%,18% 12%,37% 14%);background:#fff;place-items:center;font-size:20px;font-weight:700;display:grid}.s-head h1{font-size:clamp(22px,3.4vw,32px)}.s-head .sub{opacity:.95;font-weight:700}.s-head .ar{font-family:var(--f-ar);font-size:clamp(26px,4vw,40px);line-height:1.5}.s-head .stars3 svg{width:22px;height:22px}.s-nav{justify-content:space-between;gap:10px;display:flex}@media (max-width:560px){.s-head{grid-template-columns:auto 1fr}.s-head .ar{text-align:right;grid-column:1/-1;margin-top:-8px}}.tabs{background:var(--card);border:1px solid var(--line);top:calc(env(safe-area-inset-top,0px) + 61px);z-index:15;border-radius:22px;grid-template-columns:repeat(4,1fr);gap:8px;padding:6px;display:grid;position:sticky}.tab{color:var(--muted);background:0 0;border:0;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:14px;font-weight:800;display:flex}.tab svg{width:26px;height:26px}.tab[aria-selected=true]{background:var(--c-ink);color:#fff}.art{border:3px solid var(--c);aspect-ratio:600/260;background:var(--soft);border-radius:22px;max-width:100%;overflow:hidden}.art svg{width:100%;height:100%;display:block}.art circle[fill=\#fff8d6],.art circle[fill=\#ffd34d]{animation:3s ease-in-out infinite twinkle}.art circle:nth-of-type(3n){animation-delay:-1s}.art circle:nth-of-type(3n+1){animation-delay:-2s}@keyframes twinkle{50%{opacity:.35}}.story-text{max-width:70ch;font-size:18px;line-height:1.6}.sunnah{background:#fffaf0;border-color:#ecd59b}.sunnah h3{color:#8a5f0c}.ref{color:#8a5f0c;background:#f6e7c1;border-radius:99px;margin-top:10px;padding:3px 12px;font-size:13px;font-weight:800;display:inline-block}.lessons{gap:6px;margin:0;padding-left:22px;font-size:17px;display:grid}.kw-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;display:grid}.kw{border:2px solid var(--soft);background:var(--card);text-align:center;border-radius:16px;flex-direction:column;gap:2px;padding:8px;display:flex}.kw:hover{border-color:var(--c)}.kw .kw-ar{font-family:var(--f-ar);color:var(--c-ink);font-size:28px;line-height:1.8}.kw .kw-tr{color:var(--muted);font-size:13px;font-style:italic}.kw .kw-en{font-weight:800}.kw .kw-ur{font-family:var(--f-ur);color:var(--muted);font-size:14px;line-height:2}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toggle{border:2px solid var(--line);background:var(--card);border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:6px 12px;font-size:14px;font-weight:800;display:inline-flex}.toggle[aria-pressed=true]{border-color:var(--c);background:var(--soft);color:var(--c-ink)}.seg{border:2px solid var(--line);background:var(--card);border-radius:999px;display:inline-flex;overflow:hidden}.seg button{background:0 0;border:0;min-height:36px;padding:6px 12px;font-size:14px;font-weight:800}.seg button[aria-pressed=true]{background:var(--c-ink);color:#fff}.bism{text-align:center;font-family:var(--f-ar);font-size:calc(30px * var(--ar-scale));color:var(--c-ink);line-height:2}.ayahs{flex-direction:column;gap:12px;display:flex}.ayah{background:var(--card);border:2px solid var(--line);border-radius:20px;flex-direction:column;gap:8px;padding:12px 14px;scroll-margin-top:150px;transition:border-color .2s,box-shadow .2s;display:flex}.ayah.now{border-color:var(--c);box-shadow:0 0 0 4px var(--soft)}.ayah-top{align-items:flex-start;gap:10px;display:flex}.ayah-btns{flex-direction:column;gap:6px;display:flex}.round{border:2px solid var(--line);background:var(--card);width:44px;height:44px;color:var(--c-ink);border-radius:50%;flex:none;place-items:center;display:grid}.round svg{width:20px;height:20px}.round.on{background:var(--c-ink);color:#fff;border-color:var(--c)}.tiles{direction:rtl;flex-wrap:wrap;flex:1;align-items:flex-start;gap:8px;display:flex}.tile{--w:var(--c);border:0;border-top:4px solid var(--w);background:var(--w)}@supports (color:color-mix(in lab, red, red)){.tile{background:color-mix(in srgb, var(--w) 8%, #fff)}}.tile{text-align:center;border-radius:12px;flex-direction:column;align-items:center;min-width:56px;padding:2px 10px 6px;transition:transform .12s,background .12s;display:flex}.tile:hover{transform:translateY(-2px)}.tile .t-ar{font-family:var(--f-ar);font-size:calc(32px * var(--ar-scale));color:var(--w);line-height:2}@supports (color:color-mix(in lab, red, red)){.tile .t-ar{color:color-mix(in srgb, var(--w) 85%, #000)}}.tile .t-tr{color:var(--muted);direction:ltr;font-size:12px;font-style:italic}.tile .t-en{color:var(--w-ink);direction:ltr;max-width:120px;font-size:12.5px;font-weight:800;line-height:1.2}.tile.on{background:var(--w-ink);transform:scale(1.06)}.tile.on .t-ar,.tile.on .t-en,.tile.on .t-tr{color:#fff}.endmark{border:2px solid var(--c);width:40px;height:40px;color:var(--c-ink);font-family:var(--f-ar);border-radius:50%;align-self:center;place-items:center;font-size:18px;display:grid}.ayah-mean{border-top:1px dashed var(--line);grid-template-columns:1fr 1fr;gap:14px;padding-top:8px;display:grid}.ayah-mean .en{font-size:16px}.ayah-mean .ur{font-family:var(--f-ur);text-align:right;direction:rtl;font-size:16px;line-height:2.1}.ayah-mean.one{grid-template-columns:1fr}.ayah-tr{color:var(--c-ink);font-style:italic;font-weight:700}.hide-tr .t-tr,.hide-tr .ayah-tr,.hide-wen .t-en{display:none}@media (max-width:640px){.ayah-mean{grid-template-columns:1fr}.tile{min-width:48px;padding:2px 7px 5px}}.player{z-index:25;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px);position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #0001}.player-in{max-width:1120px;padding-block:10px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));flex-wrap:wrap;align-items:center;gap:10px;margin:0 auto;display:flex}.play-main{background:var(--c-ink);color:#fff;border:0;border-radius:50%;flex:none;place-items:center;width:56px;height:56px;display:grid}.play-main svg{width:26px;height:26px}.player .now-label{flex:1;min-width:0;font-weight:800}.player .now-label small{color:var(--muted);font-weight:600;display:block}.player select{border:2px solid var(--line);background:var(--card);border-radius:999px;min-height:40px;padding:6px 10px;font-size:14px;font-weight:800}@media (max-width:640px){.player .now-label{flex-basis:calc(100% - 70px)}}.sheet{z-index:40;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));background:var(--card);border:3px solid var(--c);border-radius:22px;grid-template-columns:1fr auto;gap:4px 12px;width:min(420px,100% - 32px);padding:14px 16px;animation:.18s pop;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 16px 40px #0003}@keyframes pop{0%{opacity:0;transform:translate(-50%)scale(.92)}}.sheet .sh-ar{font-family:var(--f-ar);color:var(--c-ink);text-align:center;grid-column:1/-1;font-size:44px;line-height:1.8}.sheet .sh-tr{color:var(--muted);font-style:italic}.sheet .sh-en{font-family:var(--f-display);font-size:22px;font-weight:600}.sheet .sh-ur{font-family:var(--f-ur);direction:rtl;font-size:18px;line-height:2.1}.sheet .sh-close{grid-area:2/2/span 3;align-self:center}.ladder{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.rung{border:2px solid var(--line);background:var(--card);text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;font-size:14px;font-weight:800;display:flex}.rung b{font-family:var(--f-display);color:var(--c-ink);font-size:22px}.rung[aria-pressed=true]{border-color:var(--c);background:var(--soft)}@media (max-width:560px){.ladder{grid-template-columns:repeat(2,1fr)}}.tile.hidden-w .t-ar{color:#0000;background:repeating-linear-gradient(90deg, var(--w) 0 70%, transparent 70% 100%) center 70% / 100% 6px no-repeat}@supports (color:color-mix(in lab, red, red)){.tile.hidden-w .t-ar{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--w) 30%, #fff) 0 70%, transparent 70% 100%) center 70% / 100% 6px no-repeat}}.tile.hidden-w .t-en,.tile.hidden-w .t-tr{visibility:hidden}.tile.peek .t-ar{color:var(--w);background:0 0}.turn{background:var(--sun);color:#3b2a04;font-family:var(--f-display);border-radius:20px;align-items:center;gap:14px;padding:12px 16px;font-size:22px;font-weight:600;display:flex}.turn .ring{flex:none;width:46px;height:46px}.ayah .known{margin-left:auto}.known-btn[aria-pressed=true]{background:var(--leaf);border-color:var(--leaf);color:#fff}.games{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:14px;display:grid}.game-card{border:2px solid var(--line);background:var(--card);text-align:left;border-radius:22px;flex-direction:column;gap:6px;padding:16px;transition:transform .15s,border-color .15s;display:flex}.game-card:hover{border-color:var(--c);transform:translateY(-3px)}.game-card .g-ic{background:var(--soft);width:52px;height:52px;color:var(--c-ink);border-radius:16px;place-items:center;display:grid}.game-card .g-ic svg{width:30px;height:30px}.game-card h3{font-size:19px}.game-card p{color:var(--muted);font-size:14px}.game-card .best{color:var(--sun-ink);font-size:13px;font-weight:800}.game-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.game-top h2{font-size:24px}.score{font-family:var(--f-display);color:var(--c-ink);font-size:18px;font-weight:600}.mem-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}@media (max-width:560px){.mem-grid{grid-template-columns:repeat(3,1fr)}}.mcard{aspect-ratio:1;background:var(--c-ink);color:#fff;perspective:600px;border:0;border-radius:18px;padding:0;position:relative}.mcard .face{backface-visibility:hidden;border-radius:18px;place-items:center;padding:6px;transition:transform .35s;display:grid;position:absolute;inset:0}.mcard .front{background:linear-gradient(150deg, var(--c), var(--c-ink))}.mcard .front svg{opacity:.5;width:40%;height:40%}.mcard .back{background:var(--card);color:var(--ink);border:3px solid var(--c);text-align:center;font-size:clamp(13px,2.2vw,17px);font-weight:800;transform:rotateY(180deg)}.mcard .back.ar{font-family:var(--f-ar);color:var(--c-ink);font-size:clamp(22px,4vw,34px);font-weight:400;line-height:1.7}.mcard.open .front{transform:rotateY(180deg)}.mcard.open .back{transform:rotateY(360deg)}.mcard.matched .back{background:var(--soft);border-color:var(--leaf)}.order-pool,.order-built{flex-direction:column;gap:10px;display:flex}.order-built:empty:before{content:"Tap the ayahs in the right order. The first one goes here.";color:var(--muted);border:2px dashed var(--line);text-align:center;border-radius:16px;padding:18px}.ocard{border:2px solid var(--line);background:var(--card);font-family:var(--f-ar);font-size:calc(26px * var(--ar-scale));text-align:right;direction:rtl;border-radius:16px;padding:8px 14px;line-height:2}.ocard.placed{border-color:var(--leaf);background:#eaf7f0;align-items:center;gap:10px;display:flex}.ocard.placed .n{font-family:var(--f-display);background:var(--leaf);color:#fff;direction:ltr;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.shake{animation:.35s shake;border-color:var(--rose)!important}@keyframes shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.q-card{background:var(--card);border:2px solid var(--line);border-radius:22px;flex-direction:column;gap:14px;padding:18px;display:flex}.q-card .q{font-family:var(--f-display);font-size:22px;font-weight:600}.q-ayah{font-family:var(--f-ar);font-size:calc(30px * var(--ar-scale));text-align:center;direction:rtl;line-height:2.1}.q-ayah .gap{border-bottom:4px dashed var(--c);min-width:90px;margin:0 6px;display:inline-block}.q-ayah .gap.filled{border-bottom-color:var(--leaf);color:var(--leaf)}.opts{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:10px;display:grid}.opt{border:2px solid var(--line);background:var(--card);border-radius:16px;min-height:56px;padding:12px;font-size:17px;font-weight:800}.opt.ar{font-family:var(--f-ar);padding:4px 12px;font-size:30px;font-weight:400;line-height:1.8}.opt.right{border-color:var(--leaf);background:#e3f5ea}.opt.wrong{border-color:var(--rose);background:#fbe5e2}.ws-wrap{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:16px;display:grid}@media (max-width:720px){.ws-wrap{grid-template-columns:1fr}}.ws{background:var(--card);border:2px solid var(--line);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:18px;grid-template-columns:repeat(10,1fr);gap:3px;width:100%;max-width:520px;padding:8px;display:grid}.ws span{aspect-ratio:1;font-family:var(--f-display);border-radius:8px;place-items:center;font-size:clamp(14px,3.4vw,22px);font-weight:600;display:grid}.ws span.sel{background:var(--sun)}.ws span.found{background:var(--soft);color:var(--c-ink)}.ws-list{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ws-list li{background:var(--card);border:2px solid var(--line);border-radius:99px;padding:6px 12px;font-weight:800}.ws-list li.found{background:var(--soft);border-color:var(--c);color:var(--c-ink);text-decoration:line-through}.trace-box{background:var(--card);border:2px solid var(--line);touch-action:none;border-radius:22px;position:relative;overflow:hidden}.trace-box canvas{width:100%;height:auto;display:block}.done-card{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:30px 16px;display:flex}.done-card h2{font-size:30px}.done-card .stars3 svg{width:44px;height:44px}.book-wrap{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:20px;display:grid}@media (max-width:860px){.book-wrap{grid-template-columns:1fr}}.page-view{background:var(--card);border:1px solid var(--line);border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:12px;display:flex;position:relative}.page-view img{touch-action:pan-y;background:#fff;border-radius:6px;width:100%;max-width:640px;height:auto;box-shadow:0 6px 22px #0002}.page-nav{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.page-nav .pn{text-align:center;font-variant-numeric:tabular-nums;min-width:110px;font-weight:800}.toc-list{flex-direction:column;gap:6px;display:flex}.toc-list button{background:var(--card);text-align:left;border:2px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:8px 10px;font-weight:800;display:flex}.toc-list button[aria-current=true]{border-color:var(--c)}.toc-list .dot{background:var(--c-ink);color:#fff;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:11px;display:grid}.table-wrap{overflow-x:auto}table.prog{border-collapse:collapse;width:100%;min-width:640px;font-size:14px}table.prog th,table.prog td{border-bottom:1px solid var(--line);text-align:center;padding:8px 6px}table.prog th:first-child,table.prog td:first-child{text-align:left}table.prog .stars3 svg{width:14px;height:14px}.profiles{flex-direction:column;gap:10px;display:flex}.prof-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.prof-row input{border:2px solid var(--line);background:var(--card);border-radius:12px;flex:1;min-width:140px;padding:8px 12px}.field{border-bottom:1px dashed var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.field:last-child{border-bottom:0}.confirm{background:#fbe5e2;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.sources li{margin-bottom:6px}.overlay{z-index:50;background:#173f4599;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--card);border-radius:26px;flex-direction:column;gap:14px;width:min(560px,100%);max-height:calc(100% - 32px);padding:22px;display:flex;overflow:auto}.dialog h2{font-size:26px}.who{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;display:grid}.who button{border:3px solid var(--line);background:var(--card);border-radius:20px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;font-weight:800;display:flex}.who button[aria-pressed=true]{border-color:var(--leaf);background:#eaf7f0}.av{border-radius:50%;flex:none;place-items:center;width:56px;height:56px;display:grid}.av svg{width:62%;height:62%}.av-pick{flex-wrap:wrap;gap:8px;display:flex}.av-pick button{background:0 0;border:3px solid #0000;border-radius:50%;padding:2px}.av-pick button[aria-pressed=true]{border-color:var(--ink)}.dialog input[type=text]{border:2px solid var(--line);background:var(--card);border-radius:14px;width:100%;padding:10px 14px;font-size:18px}.cert-canvas{background:#fff;border-radius:12px;width:100%;height:auto;box-shadow:0 8px 30px #0002}.toast{z-index:60;left:50%;top:calc(env(safe-area-inset-top,0px) + 74px);background:var(--ink);color:#fff;text-align:center;border-radius:999px;max-width:calc(100% - 32px);padding:10px 18px;font-weight:800;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #0003}#confetti{pointer-events:none;z-index:70;width:100%;height:100%;position:fixed;inset:0}.classroom{--ar-scale:1.35;font-size:18px}.classroom .story-text{font-size:22px}.botnav{display:none}@media (max-width:720px){.bar-nav{display:none}.bar-in{justify-content:space-between;padding-block:8px}.brand span{font-size:18px;display:inline}.botnav{z-index:30;background:var(--card);grid-template-columns:repeat(3,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.botnav{background:color-mix(in srgb, var(--card) 92%, transparent)}}.botnav{-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px max(10px, env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(10px, env(safe-area-inset-left,0px))}.botnav a{color:var(--muted);border-radius:14px;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:12px;font-weight:800;text-decoration:none;display:flex}.botnav a svg{width:26px;height:26px}.botnav a[aria-current=page]{color:var(--ink);background:var(--soft)}body.in-surah .botnav{display:none}body.in-surah .tabs{border:0;border-top:1px solid var(--line);background:var(--card);border-radius:0;position:fixed;inset:auto 0 0}@supports (color:color-mix(in lab, red, red)){body.in-surah .tabs{background:color-mix(in srgb, var(--card) 92%, transparent)}}body.in-surah .tabs{-webkit-backdrop-filter:blur(14px);padding:6px max(10px, env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(10px, env(safe-area-inset-left,0px));gap:4px}body.in-surah .tab{padding:6px 2px;font-size:12px}body.in-surah .player{bottom:calc(68px + env(safe-area-inset-bottom,0px));border-radius:22px 22px 0 0}body.in-surah .sheet{bottom:calc(176px + env(safe-area-inset-bottom,0px))}main{padding-bottom:210px}.s-head{border-radius:20px;padding:14px 16px}.player-in{gap:8px;padding-block:8px}.play-main{width:50px;height:50px}.hello-card{border-radius:22px;padding:22px 18px}.medal{width:80px;height:80px;font-size:21px}}.view-in{animation:.28s cubic-bezier(.2,.8,.2,1) viewIn}@keyframes viewIn{0%{opacity:0;transform:translateY(10px)}}@media (display-mode:standalone){.install-hint{display:none!important}}.install{align-items:center;gap:12px;display:flex}.install .app-ic{border-radius:14px;flex:none;width:54px;height:54px}.panel h3>svg,.panel h3>.ic{flex:none;width:24px;height:24px}.tab,.tab:hover{text-decoration:none}.s-head .stars3{justify-content:flex-start;margin-top:4px}.p-opts{align-items:center;gap:10px;display:flex}.p-more{display:none}@media (max-width:720px){.p-more{display:grid}.player .p-opts{order:-1;justify-content:space-between;width:100%;padding-bottom:4px;display:none}.player.open .p-opts{display:flex}.player .p-opts select{flex:1;min-width:0}.player .now-label{flex:auto;min-width:0;font-size:15px}.player .now-label small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-in{flex-wrap:wrap}.toolbar{scrollbar-width:none;padding-inline:16px;flex-wrap:nowrap;margin-inline:-16px;padding-bottom:4px;overflow-x:auto}.toolbar::-webkit-scrollbar{display:none}.toolbar>*{flex:none}.ws-list li{padding:4px 10px;font-size:14px}}.tile:active,.opt:active,.game-card:active,.kw:active,.stop:active .medal{transform:scale(.96)}.panel,.ayah,.game-card,.q-card{box-shadow:inset 0 1px #fff,0 6px 18px -12px #173f4533}@media (max-width:720px){.progress-card{border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 12px;padding:12px 16px;display:grid}.progress-card .eyebrow,.progress-card p{display:none}.progress-card .big-stars{gap:6px;font-size:24px}.progress-card .big-stars svg{width:28px;height:28px}.progress-card .big-stars .muted{font-size:15px!important}.progress-card .btn{min-height:36px;padding:6px 12px}.hello-card p{font-size:16px}.hello-card h1{font-size:28px}}.mean-btn{border:2px solid var(--c);background:var(--soft);height:46px;color:var(--ink);border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 16px 0 12px;font-size:15px;font-weight:800;display:inline-flex}.mean-btn svg{width:22px;height:22px;color:var(--c-ink)}.mean-btn.on{background:var(--c-ink);color:#fff}.mean-btn.on svg{color:#fff}.say{background:var(--soft);width:30px;height:30px;color:var(--c-ink);vertical-align:middle;border:0;border-radius:50%;place-items:center;margin-inline-end:6px;padding:0;display:inline-grid}.say svg{width:18px;height:18px}.ayah-mean .en,.ayah-mean .ur{border-radius:12px;padding:2px 6px;transition:background .2s}.ayah-mean .speaking{background:var(--soft);box-shadow:inset 0 0 0 2px var(--c)}.ayah-mean .speaking .say{background:var(--c-ink);color:#fff}@media (max-width:640px){.mean-btn{height:44px;padding:0 12px 0 10px;font-size:14px}.player .p-opts{flex-wrap:wrap;gap:8px}.player .now-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1 1 0!important}.player-in>.p-more{margin-left:auto}}@media (max-width:360px){.mean-btn span{display:none}.mean-btn{padding:0 11px}}@media (max-width:640px){.player .p-opts select{flex:100%}.player .p-opts .seg,.player .p-opts .seg button{flex:1}}.video-box{aspect-ratio:16/9;background:#10302f;border-radius:16px;position:relative;overflow:hidden}.video-box iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-facade{color:#fff;text-align:center;background:radial-gradient(circle at 30% 20%, var(--c) 0, var(--c) 45%, #10302f 100%);border:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;display:flex;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.video-facade{background:radial-gradient(circle at 30% 20%, color-mix(in srgb, var(--c) 70%, #fff) 0, var(--c) 45%, #10302f 100%)}}.video-facade .vf-play{width:72px;height:72px;color:var(--c-ink);background:#fff;border-radius:50%;place-items:center;transition:transform .15s;display:grid;box-shadow:0 8px 24px #0004}.video-facade:hover .vf-play{transform:scale(1.08)}.video-facade .vf-play svg{width:32px;height:32px;margin-left:4px}.video-facade .vf-title{font-family:var(--f-display);font-size:22px;font-weight:600}.video-facade .vf-meta{opacity:.9;font-weight:700}.video-facade.off svg{width:36px;height:36px}.video-credit{margin-top:8px;font-size:14px}.video-credit a{color:var(--c-ink);font-weight:800}.field-note{max-width:46ch;font-size:13px;display:block}.video-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.video-head h3{margin-bottom:0}:root{--shadow-1:0 1px 2px #173f450f, 0 4px 14px -6px #173f4524;--shadow-2:0 2px 4px #173f4512, 0 14px 32px -12px #173f4540;--ease:cubic-bezier(.2,.8,.2,1)}body{background:radial-gradient(1200px 500px at 10% -10%, #e4f2e9 0, transparent 60%), radial-gradient(900px 500px at 110% 10%, #fdf3dc 0, transparent 55%), var(--paper);background-attachment:fixed}.panel,.ayah,.game-card,.q-card,.progress-card,.shelf a,.shelf button{box-shadow:var(--shadow-1)}.panel{border-color:#e3e9dc}.btn{transition:transform .14s var(--ease), filter .14s, box-shadow .14s;box-shadow:0 2px #0000001a}.btn:hover{filter:brightness(1.05);box-shadow:0 6px 16px -6px #0004}.btn:active{box-shadow:none;transform:translateY(1px)scale(.98)}.btn.ghost{box-shadow:none}.story-text{font-size:18px;line-height:1.7}.seg button{min-height:40px}.say{width:36px;height:36px}.back-link{color:var(--c-ink);background:var(--soft);border-radius:999px;align-self:flex-start;align-items:center;gap:2px;margin-bottom:-4px;padding:6px 12px 6px 6px;font-weight:800;text-decoration:none;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.back-link{background:color-mix(in srgb, var(--soft) 70%, #fff)}}.back-link{border:1px solid var(--c)}@supports (color:color-mix(in lab, red, red)){.back-link{border:1px solid color-mix(in srgb, var(--c) 25%, #fff)}}.back-link svg{width:20px;height:20px}.back-link:hover{background:var(--soft)}.s-head{background:linear-gradient(135deg, var(--c-ink), var(--c))}@supports (color:color-mix(in lab, red, red)){.s-head{background:linear-gradient(135deg, var(--c-ink), color-mix(in srgb, var(--c) 82%, #000))}}.s-head{box-shadow:var(--shadow-2);position:relative;overflow:hidden}.s-head:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff26,#0000 65%);border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;right:-60px}.tab{isolation:isolate;transition:color .2s;position:relative}.tab[aria-selected=true]{color:#fff;background:0 0}.tab-pill{background:var(--c-ink);z-index:-1;box-shadow:0 6px 14px -8px var(--c-ink);border-radius:16px;position:absolute;inset:0}.tab-ic{display:inline-grid;position:relative}.tab-star{filter:drop-shadow(0 1px 1px #0003);position:absolute;top:-6px;right:-9px;width:15px!important;height:15px!important}.next-step{color:var(--ink);background:linear-gradient(120deg, #fff, var(--soft));border:2px solid var(--c);border-radius:22px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:flex}@supports (color:color-mix(in lab, red, red)){.next-step{border:2px solid color-mix(in srgb, var(--c) 35%, #fff)}}.next-step{box-shadow:var(--shadow-1);transition:transform .18s var(--ease), box-shadow .18s}.next-step:hover{box-shadow:var(--shadow-2);transform:translateY(-2px)}.next-step:active{transform:scale(.98)}.next-step .ns-ic{background:var(--c-ink);color:#fff;border-radius:16px;flex:none;place-items:center;width:48px;height:48px;display:grid}.next-step .ns-ic svg{width:24px;height:24px}.next-step .ns-text{font-family:var(--f-display);flex:1;font-size:19px;font-weight:600;line-height:1.2}.next-step .ns-text small{font-family:var(--f-body);color:var(--c-ink);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:800;display:block}.next-step .ns-go{width:26px;height:26px;color:var(--c-ink);transition:transform .18s var(--ease)}.next-step:hover .ns-go{transform:translate(4px)}.deck{flex-direction:column;gap:14px;display:flex}.deck-dots{scrollbar-width:none;gap:6px;padding:2px;display:flex;overflow-x:auto}.deck-dots::-webkit-scrollbar{display:none}.deck-dot{border:2px solid var(--line);background:var(--card);min-height:40px;color:var(--muted);border-radius:999px;flex:1 0 auto;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:14px;font-weight:800;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.deck-dot svg{width:18px;height:18px}.deck-dot.seen{color:var(--c-ink);border-color:var(--c)}@supports (color:color-mix(in lab, red, red)){.deck-dot.seen{border-color:color-mix(in srgb, var(--c) 30%, #fff)}}.deck-dot.on{background:var(--c-ink);border-color:var(--c-ink);color:#fff}.deck-stage{min-height:260px}.deck-nav{justify-content:space-between;align-items:center;gap:10px;display:flex}.deck-nav .btn[disabled]{visibility:hidden}.deck-count{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:800}@media (max-width:720px){.deck-dot span{display:none}.deck-dot{min-width:44px;padding:6px}.deck-dot.on span{display:inline}}.game-card{--g:var(--c);background:linear-gradient(160deg, #fff 40%, var(--g));position:relative;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.game-card{background:linear-gradient(160deg, #fff 40%, color-mix(in srgb, var(--g) 12%, #fff))}}.game-card{border-color:var(--g)}@supports (color:color-mix(in lab, red, red)){.game-card{border-color:color-mix(in srgb, var(--g) 22%, #fff)}}.game-card .g-ic{background:var(--g)}@supports (color:color-mix(in lab, red, red)){.game-card .g-ic{background:color-mix(in srgb, var(--g) 16%, #fff)}}.game-card .g-ic{color:var(--g)}@supports (color:color-mix(in lab, red, red)){.game-card .g-ic{color:color-mix(in srgb, var(--g) 75%, #000)}}.game-card .g-ic{border-radius:18px;width:56px;height:56px}.game-card:hover{border-color:var(--g);box-shadow:var(--shadow-2);transform:translateY(-3px)}.game-card .best{align-items:center;gap:2px;margin-top:2px;display:inline-flex}.game-card .best svg{width:18px;height:18px}.game-card .best b{color:var(--sun-ink);margin-left:6px}@media (max-width:560px){.games{grid-template-columns:repeat(2,1fr);gap:10px}.game-card{border-radius:20px;padding:14px 12px}.game-card p{display:none}.game-card h3{font-size:17px}}@media (min-width:761px) and (max-width:1024px){.games{grid-template-columns:repeat(3,1fr)}}.done-stars{gap:8px}.done-stars svg{filter:drop-shadow(0 4px 8px #d99a1240);width:52px;height:52px}.streak{color:var(--sun-ink);background:#fff3d6;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:4px 12px;font-size:14px;font-weight:800;display:inline-flex}.streak svg{color:#d0702a;width:18px;height:18px}.hello-card{box-shadow:var(--shadow-2)}.stop.is-next .medal-wrap:before{content:"";box-shadow:0 0 0 0 var(--c);border-radius:50%;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.stop.is-next .medal-wrap:before{box-shadow:0 0 0 0 color-mix(in srgb, var(--c) 55%, transparent)}}.stop.is-next .medal-wrap:before{animation:2.4s ease-out infinite nextPulse}@keyframes nextPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--c) 45%, transparent)}70%,to{box-shadow:0 0 0 18px #0000}}@media (max-width:720px){.hello-card{gap:8px;padding:18px 16px}.hello-card h1{font-size:26px}.hello-card p{font-size:15px}.hello-card .row .btn.ghost{min-height:40px;padding:6px 14px;font-size:14px}.progress-card .streak{grid-column:1/-1;display:inline-flex}}.ayah{transition:border-color .2s, box-shadow .25s var(--ease), transform .25s var(--ease)}.ayah.now{box-shadow:0 0 0 4px var(--soft), var(--shadow-2);transform:translateY(-1px)}.opt{transition:transform .12s var(--ease), background .2s, border-color .2s}.opt.right{animation:okPop .35s var(--ease)}@keyframes okPop{40%{transform:scale(1.04)}}.deck-card .art{align-self:center;width:100%;max-width:820px}html{-moz-text-size-adjust:100%;text-size-adjust:100%}body{overscroll-behavior-y:none}.skip-link{z-index:100;background:var(--ink);color:#fff;border-radius:999px;padding:10px 16px;font-weight:800;text-decoration:none;transition:transform .2s;position:fixed;top:8px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}@media (pointer:coarse){.btn.small,.back-link,.toggle,.seg button,.deck-dot,.brand{min-height:44px}.say{width:40px;height:40px}.say:after{content:"";position:absolute;inset:-4px}.say{position:relative}.btn:active,.toggle:active,.seg button:active,.deck-dot:active,.tab:active,.back-link:active,.kw:active,.who button:active{transform:scale(.96)}}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.s-head-stars{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.s-head-stars .stars3{margin-top:0}.done-chip{background:var(--sun);color:#3b2a04;border-radius:999px;align-items:center;gap:4px;padding:2px 10px 2px 6px;font-size:13px;font-weight:800;display:inline-flex}.done-chip svg{width:16px;height:16px}.page-view img,.shelf img{background:linear-gradient(100deg,#eef2e8 30%,#f8faf5 50%,#eef2e8 70%) 0 0/300% 100%;animation:1.4s linear infinite shimmer}.page-view img[data-loaded],.shelf img[data-loaded]{animation:none}@keyframes shimmer{to{background-position:-150% 0}}.overlay{padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.dialog{overscroll-behavior:contain;max-height:calc(100dvh - 32px)}@media (max-height:560px){.overlay{place-items:start center}}@media (max-width:720px),(max-height:500px){.bar{transition:transform .28s var(--ease);will-change:transform}html.chrome-hidden .bar{transform:translateY(calc(-100% - env(safe-area-inset-top,0px)))}html.chrome-hidden .toast{top:calc(env(safe-area-inset-top,0px) + 12px)}}@media (max-width:420px){.s-head{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px}.s-head .badge{width:46px;height:46px;font-size:16px}.s-head h1{font-size:21px}.s-head .sub{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.s-head .ar{text-align:right;grid-column:auto;margin-top:0;font-size:24px}.s-head .stars3 svg{width:18px;height:18px}.back-link{margin-bottom:-6px}.surah-frame{gap:12px!important}}@media (max-width:350px){.s-head{grid-template-columns:auto 1fr}.s-head .ar{grid-column:1/-1;margin-top:-8px;font-size:21px}.tab span{font-size:11px}}@media (min-width:721px) and (max-height:500px){.bar-nav,.me .me-name{display:none}.bar-in{padding-block:6px}main{padding-top:12px;padding-bottom:150px}.botnav{z-index:30;background:var(--card);justify-content:center;gap:8px;display:flex;position:fixed;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.botnav{background:color-mix(in srgb, var(--card) 92%, transparent)}}.botnav{-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:4px max(12px, env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px))}.botnav a{color:var(--muted);border-radius:14px;align-items:center;gap:8px;padding:8px 18px;font-size:14px;font-weight:800;text-decoration:none;display:flex}.botnav a svg{width:22px;height:22px}.botnav a[aria-current=page]{color:var(--ink);background:var(--soft)}body.in-surah .botnav{display:none}body.in-surah .tabs{border:0;border-top:1px solid var(--line);z-index:26;background:var(--card);border-radius:0;position:fixed;inset:auto 0 0}@supports (color:color-mix(in lab, red, red)){body.in-surah .tabs{background:color-mix(in srgb, var(--card) 92%, transparent)}}body.in-surah .tabs{-webkit-backdrop-filter:blur(14px);padding:4px max(12px, env(safe-area-inset-right,0px)) calc(4px + env(safe-area-inset-bottom,0px)) max(12px, env(safe-area-inset-left,0px))}body.in-surah .tab{flex-direction:row;justify-content:center;gap:8px;padding:8px 6px;font-size:14px}body.in-surah .tab svg{width:22px;height:22px}body.in-surah .player{bottom:calc(52px + env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0}.player-in{flex-wrap:wrap;padding-block:6px}.play-main{width:46px;height:46px}.mean-btn{height:42px}.p-more{display:grid}.player .p-opts{order:-1;justify-content:flex-start;width:100%;padding-bottom:4px;display:none}.player.open .p-opts{display:flex}.player .now-label{white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;overflow:hidden}body.in-surah .sheet{bottom:calc(120px + env(safe-area-inset-bottom,0px))}.s-head{border-radius:18px;padding:10px 16px}.s-head .badge{width:44px;height:44px;font-size:15px}.s-head h1{font-size:22px}.s-head .ar{font-size:26px}.hello{grid-template-columns:1.4fr 1fr}.hello-card{gap:8px;padding:16px 20px}.hello-card h1{font-size:26px}.deck-stage{min-height:0}.art{aspect-ratio:auto;height:46vh;max-height:46vh}.art svg{object-fit:cover}.stops{gap:50px 12px}.botnav a,body.in-surah .tab{min-height:44px}body.in-surah .player{bottom:calc(56px + env(safe-area-inset-bottom,0px))}}.noor{align-items:flex-end;gap:10px;display:flex}.noor-btn{cursor:pointer;background:0 0;border:0;border-radius:20px;flex:none;padding:0}.noor-lantern{transform-origin:50% 0;animation:3.4s ease-in-out infinite noorBob;display:block;overflow:visible}.noor-lantern .halo{opacity:.35;transform-origin:60px 80px;transition:opacity .3s}.noor-lantern.speaking .halo{opacity:1;animation:.9s ease-in-out infinite alternate noorGlow}.noor-lantern .flame{transform-origin:60px 100px;animation:1.6s ease-in-out infinite noorFlicker}.noor-lantern.speaking .flame{animation-duration:.5s}@keyframes noorBob{50%{transform:translateY(-4px)rotate(-2deg)}}@keyframes noorGlow{0%{transform:scale(.9)}to{transform:scale(1.08)}}@keyframes noorFlicker{0%,to{transform:scaleY(1)scaleX(1)}40%{transform:scaleY(1.08)scaleX(.94)}70%{transform:scaleY(.95)scaleX(1.04)}}.noor-bubble{min-width:0;box-shadow:var(--shadow-1);background:#fffdf4;border:2px solid #f1d98a;border-radius:20px 20px 20px 6px;flex:1;margin-bottom:8px;padding:12px 14px 10px;position:relative}.noor-bubble:before{content:"";background:#fffdf4;border-bottom:2px solid #f1d98a;border-left:2px solid #f1d98a;width:14px;height:14px;position:absolute;bottom:10px;left:-9px;transform:rotate(45deg)}.noor-text{color:var(--ink);font-size:17px;font-weight:600;line-height:1.6}.noor-text[lang=ur]{font-family:var(--f-ur);font-size:17px;font-weight:400;line-height:2.3}.noor-text.reading span{color:#8b9a92;transition:color .15s}.noor-text.reading span.on{color:var(--ink)}.noor-text span.now{background:#ffe7a6;border-radius:6px;box-shadow:0 0 0 2px #ffe7a6;color:#9a5b00!important}.noor-tools{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.noor-say{color:#3b2a04;background:#f2b632;border:0;border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:4px 14px 4px 10px;font-weight:800;display:inline-flex}.noor-say svg{width:20px;height:20px}.noor-lang{margin-left:auto}.noor-lang button{padding:4px 10px}.noor-lang button[aria-pressed=true]{background:#c98a1a}.noor-hide{border:2px solid var(--line);background:var(--card);width:40px;height:40px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.noor-hide svg{width:20px;height:20px}.noor.closed{align-self:flex-start}.done-card .noor{text-align:left;width:100%;max-width:520px}@media (pointer:coarse){.noor-say,.noor-hide{min-height:44px}.noor-hide{width:44px;height:44px}}@media (max-width:420px){.noor-text{font-size:16px}.noor-lang button{padding:4px 8px}}.noor-lang button{min-width:44px}@media (max-width:420px){.noor-lantern{width:68px;height:85px}}.cont-step{opacity:.8;margin-left:4px;font-weight:700}.noor.closed{align-items:center}.noor-btn{align-items:center;gap:8px;display:inline-flex}.noor-chip{color:#8a5f0c;background:#fffdf4;border:2px solid #f1d98a;border-radius:999px;align-items:center;min-height:36px;padding:4px 14px;font-size:14px;font-weight:800;display:inline-flex}.noor.closed .noor-lantern{animation-duration:4.5s}.noor.compact .noor-bubble{margin-bottom:4px}.noor.compact .noor-text{font-size:16px}details.help>summary{cursor:pointer;min-height:28px;font-family:var(--f-display);color:var(--c-ink);align-items:center;gap:8px;font-size:18px;font-weight:600;list-style:none;display:flex}details.help>summary::-webkit-details-marker{display:none}details.help>summary svg{width:22px;height:22px}details.help>summary .muted{font-family:var(--f-body);font-size:14px;font-weight:700}details.help[open]>summary .muted{display:none}details.help>p{margin-top:8px}@media (max-width:720px){.toolbar{padding-right:40px;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000);mask-image:linear-gradient(90deg,#000 85%,#0000)}.deck-dot{border-radius:16px;flex-direction:column;flex:1 1 0;gap:0;min-width:0;min-height:52px;padding:4px 2px}.deck-dot span,.deck-dot.on span{font-size:11px;line-height:1.2;display:block}.deck-dots{gap:4px}}.prog-cards{display:none}@media (max-width:720px){.table-wrap{display:none}.prog-cards{gap:12px;display:grid}.prog-card{border:1px solid var(--line);border-radius:16px;padding:12px}.pc-head{align-items:center;gap:10px;display:flex}.pc-total{color:var(--sun-ink);margin-left:auto;font-weight:800}.pc-list{grid-template-columns:1fr 1fr;gap:6px 14px;margin:10px 0 0;padding:0;list-style:none;display:grid}.pc-list li{justify-content:space-between;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.pc-list .stars3 svg{width:14px;height:14px}}@media (max-width:360px){.pc-list{grid-template-columns:1fr}}@media (max-width:720px){.botnav{grid-template-columns:repeat(4,1fr)}.botnav a{font-size:11.5px}}.shelf .shelf-ic{color:#5b3fa0;background:#ede7fa;border-radius:18px;place-items:center;width:74px;height:74px;display:grid}.shelf .shelf-ic svg{width:34px;height:34px}.p-hello .hello-card{background:linear-gradient(160deg,#3b2f7a,#5b4bb0 55%,#8f7fd6)}.p-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:12px;display:grid}.p-card{color:var(--ink);background:linear-gradient(135deg, #fff 55%, var(--soft));border:2px solid var(--c);border-radius:20px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.p-card{border:2px solid color-mix(in srgb, var(--c) 22%, #fff)}}.p-card{box-shadow:var(--shadow-1);transition:transform .18s var(--ease), box-shadow .18s, border-color .18s;min-height:84px}.p-card:hover{box-shadow:var(--shadow-2);border-color:var(--c);transform:translateY(-2px)}.p-card:active{transform:scale(.98)}.p-card .p-num{color:#fff;width:52px;height:52px;font-family:var(--f-display);background:linear-gradient(150deg, var(--c), var(--c-ink));clip-path:polygon(50% 0,63% 14%,82% 12%,85% 33%,100% 50%,85% 67%,82% 88%,63% 86%,50% 100%,37% 86%,18% 88%,15% 67%,0 50%,15% 33%,18% 12%,37% 14%);flex:none;place-items:center;font-size:19px;font-weight:700;display:grid}.p-card.done .p-num{background:linear-gradient(140deg, var(--c), var(--sun))}.p-card .p-body{flex-direction:column;gap:2px;min-width:0;display:flex}.p-card .p-name{font-family:var(--f-display);font-size:18px;font-weight:600;line-height:1.2}.p-card .p-title{color:var(--muted);font-size:14px;font-weight:700}.p-card .p-stars{align-items:center;gap:6px;margin-top:2px;display:flex}.p-card .p-stars .stars3 svg{width:17px;height:17px}.p-card .p-stars>svg{width:18px;height:18px;color:var(--leaf)}.p-card .p-tag{color:#8a5f0c;background:#fff3d6;border-radius:99px;padding:1px 8px;font-size:11px;font-weight:800;position:absolute;top:8px;right:10px}.p-card.is-next{border-color:var(--c);box-shadow:0 0 0 4px var(--soft), var(--shadow-1)}.p-summary{font-weight:700}.p-refs{gap:10px;margin:4px 0 0;padding:0;list-style:none;display:grid}.p-refs li{flex-direction:column;gap:4px;display:flex}.p-refs .ref{align-self:flex-start;margin-top:0}.p-note{color:#6b4a08;background:#fff3d6;border-radius:14px;padding:8px 12px;font-size:14px;font-weight:700}.ptabs{grid-template-columns:repeat(3,1fr)}.parts{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.part{border:2px solid var(--line);background:var(--card);border-radius:999px;min-height:44px;padding:6px 16px;font-weight:800}.part[aria-pressed=true]{background:var(--c-ink);border-color:var(--c-ink);color:#fff}.seg button[disabled]{opacity:.4;cursor:default}.p-head{grid-template-columns:auto 1fr auto}.p-head .p-urdu{font-family:var(--f-ur);font-size:clamp(18px,3.4vw,26px);line-height:2}@media (max-width:560px){.p-head{grid-template-columns:auto 1fr}.p-head .p-urdu{text-align:right;grid-column:1/-1;margin-top:-10px}}.p-card .p-urdu-name{font-family:var(--f-ur);color:var(--c-ink);font-size:14px;line-height:1.9}.p-langbar{justify-content:flex-end;align-items:center;gap:10px;display:flex}.p-story-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.p-story-head h3{margin-bottom:0}.btn.listen{background:var(--sun);color:#3b2a04}.btn.listen.on{background:var(--c-ink);color:#fff}[lang=ur] .story-text,.story-text[lang=ur],[dir=rtl] .lessons{font-family:var(--f-ur);line-height:2.3}[dir=rtl] .lessons{padding-left:0;padding-right:22px}.q[lang=ur],.opt[lang=ur]{font-family:var(--f-ur);line-height:2.1}mark.said{color:#7a4a00;background:#ffe7a6;border-radius:6px;box-shadow:0 0 0 2px #ffe7a6}.reading-now{transition:background .2s}.p-card .p-sym{background:var(--soft);width:34px;height:34px;color:var(--c-ink);border-radius:12px;place-items:center;display:grid;position:absolute;bottom:10px;right:12px}.p-card .p-sym svg{width:20px;height:20px}.p-card{padding-right:56px}.p-badge{color:var(--c-ink)!important}.p-badge svg{width:28px;height:28px}.p-hub{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:12px;display:grid}.p-hub-card{color:var(--ink);box-shadow:var(--shadow-1);background:linear-gradient(135deg, #fff 45%, var(--g));border-radius:20px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:flex}@supports (color:color-mix(in lab, red, red)){.p-hub-card{background:linear-gradient(135deg, #fff 45%, color-mix(in srgb, var(--g) 14%, #fff))}}.p-hub-card{border:2px solid var(--g)}@supports (color:color-mix(in lab, red, red)){.p-hub-card{border:2px solid color-mix(in srgb, var(--g) 25%, #fff)}}.p-hub-card{transition:transform .18s var(--ease)}.p-hub-card:hover{transform:translateY(-2px)}.p-hub-card:active{transform:scale(.98)}.p-hub-card .g-ic{background:var(--g);border-radius:16px;flex:none;place-items:center;width:52px;height:52px;display:grid}@supports (color:color-mix(in lab, red, red)){.p-hub-card .g-ic{background:color-mix(in srgb, var(--g) 16%, #fff)}}.p-hub-card .g-ic{color:var(--g)}@supports (color:color-mix(in lab, red, red)){.p-hub-card .g-ic{color:color-mix(in srgb, var(--g) 75%, #000)}}.p-hub-card h3{font-size:18px}.p-hub-card p{color:var(--muted);font-size:14px}.chain-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chain{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex;position:relative}.chain:before{content:"";background:repeating-linear-gradient(#cdd8c4 0 14px,#0000 14px 22px);border-radius:6px;width:6px;position:absolute;top:20px;bottom:20px;left:34px}.chain-item{position:relative}.chain-node{text-align:left;border:2px solid var(--c);border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:10px 14px 10px 8px;display:grid}@supports (color:color-mix(in lab, red, red)){.chain-node{border:2px solid color-mix(in srgb, var(--c) 22%, #fff)}}.chain-node{background:linear-gradient(135deg, #fff 55%, var(--soft));box-shadow:var(--shadow-1);transition:transform .18s var(--ease), border-color .2s}.chain-node:hover{border-color:var(--c)}.chain-node:active{transform:scale(.98)}.chain-item.open .chain-node{border-color:var(--c);border-bottom-right-radius:8px;border-bottom-left-radius:8px}.cn-sym{z-index:1;color:#fff;background:linear-gradient(150deg, var(--c), var(--c-ink));width:56px;height:56px;box-shadow:0 0 0 5px var(--paper);border-radius:50%;place-items:center;display:grid;position:relative}.cn-sym svg{width:26px;height:26px}.cn-num{z-index:2;background:var(--sun);color:#3b2a04;border-radius:99px;place-items:center;min-width:22px;height:22px;padding:0 5px;font-size:12px;font-weight:800;display:grid;position:absolute;top:4px;left:50px}.cn-text{flex-direction:column;gap:2px;min-width:0;display:flex}.cn-text b{font-family:var(--f-display);font-size:18px;font-weight:600}.cn-text b:lang(ur),.chain .cn-text b{line-height:1.6}.cn-text small{color:var(--muted);font-weight:700}.cn-fam{color:#8a5f0c;background:#fff3d6;border-radius:99px;align-self:flex-start;padding:1px 10px;font-size:12px;font-weight:800}.chain .stars3 svg{width:15px;height:15px}.fam-on .chain-node{box-shadow:inset 6px 0 0 var(--fam), var(--shadow-1)}.chain-card{border:2px solid var(--c);background:#fff;border-top:0;border-radius:0 0 18px 18px;margin:0 6px;padding:0 16px;overflow:hidden}.chain-card .story-text{padding-top:12px}.chain-card .btn{margin:10px 0 14px}.chain-card [lang=ur]{font-family:var(--f-ur);line-height:2.2}.clues{gap:8px;margin:0;padding:0;list-style:none;display:grid}.clues li{background:#fffdf4;border:2px solid #f1d98a;border-radius:14px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:17px;font-weight:700;display:flex}.clues li svg{color:#c98a1a;flex:none;width:20px;height:20px;margin-top:3px}.clues[lang=ur] li{font-family:var(--f-ur);font-weight:400;line-height:2.1}.opt-prophet{justify-content:center;align-items:center;gap:8px;display:flex}.opt-prophet[lang=ur],.chain-placed[lang=ur]{font-family:var(--f-ur);font-weight:400;line-height:2}.opt-sym{width:22px;height:22px;color:var(--c-ink);flex:none}.chain-built li{font-family:var(--f-body);text-align:left;direction:ltr;font-size:17px;font-weight:800;line-height:1.4}.sym-card{flex-direction:column;gap:4px}.sym-card .sym-big{width:40%;height:40%;color:var(--c-ink)}.sym-card small{color:var(--muted);font-size:12px;font-weight:800}.mcard .back.sym-card{justify-content:center;align-items:center;font-size:clamp(12px,2.6vw,16px);display:flex}.act-switch{align-self:flex-start}.act-switch button{align-items:center;gap:6px;display:inline-flex}.act-switch svg{width:18px;height:18px}.story-line{font-family:var(--f-body);text-align:start;direction:inherit;font-size:16px;line-height:1.5}.story-line[lang=ur]{font-family:var(--f-ur);line-height:2.1}.ocard.story-line{text-align:left;direction:ltr}.ocard.story-line[dir=rtl]{text-align:right;direction:rtl}.scenes{flex-direction:column;gap:12px;display:flex}.scene-path{flex-wrap:wrap;align-items:center;gap:6px;display:flex;position:relative}.sp-dot{border:2px solid var(--line);background:var(--card);width:36px;height:36px;color:var(--muted);transition:transform .15s var(--ease), background .2s;border-radius:50%;place-items:center;font-weight:800;display:grid;position:relative}.sp-dot:not(:last-of-type):after{content:"";background:var(--line);inset-inline-start:100%;width:8px;height:3px;position:absolute;top:50%}.sp-dot svg{width:18px;height:18px}.sp-dot.done{background:var(--soft);border-color:var(--c);color:var(--c-ink)}.sp-dot.on{background:var(--c-ink);border-color:var(--c-ink);color:#fff;transform:scale(1.12)}.sp-end{background:var(--soft);width:36px;height:36px;color:var(--c-ink);border-radius:12px;place-items:center;margin-inline-start:auto;display:grid}.sp-end svg{width:20px;height:20px}@media (pointer:coarse){.sp-dot{width:42px;height:42px}}.scene-intro{color:var(--c-ink);background:var(--soft);border-radius:14px;padding:10px 14px;font-weight:800;line-height:1.6}[lang=ur] .scene-intro{font-family:var(--f-ur);font-weight:400;line-height:2.3}.scene{flex-direction:column;gap:12px;display:flex}.scene-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.scene-num{font-family:var(--f-display);color:var(--c-ink);font-weight:600}[lang=ur] .scene-num{font-family:var(--f-ur);font-weight:400}.scene-text{font-size:20px;line-height:1.75}[lang=ur] .scene-text{font-family:var(--f-ur);font-size:20px;line-height:2.4}button.gloss{font:inherit;color:inherit;cursor:pointer;text-underline-offset:4px;background:linear-gradient(#0000 55%,#ffe7a6 55%);border:0;border-radius:4px;margin:0 1px;padding:0 3px;-webkit-text-decoration:underline dotted #c98a1a;text-decoration:underline dotted #c98a1a}button.gloss:hover{background:#ffe7a6}.gloss-card{background:#fffdf4;border:2px solid #f1d98a;border-radius:14px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:16px;line-height:1.6;display:flex}[lang=ur] .gloss-card{font-family:var(--f-ur);line-height:2.2}.gloss-card>svg{color:#c98a1a;flex:none;width:20px;height:20px;margin-top:4px}.gloss-card span{flex:1}.gloss-x{width:36px;height:36px;color:var(--muted);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.gloss-x svg{width:18px;height:18px}.scene-check{background:linear-gradient(135deg, #fff, var(--soft));border:2px dashed var(--c);border-radius:18px;flex-direction:column;gap:10px;padding:12px;display:flex}@supports (color:color-mix(in lab, red, red)){.scene-check{border:2px dashed color-mix(in srgb, var(--c) 40%, #fff)}}.sc-label{color:var(--c-ink);align-items:center;gap:6px;font-size:15px;font-weight:800;display:inline-flex}[lang=ur] .sc-label{font-family:var(--f-ur);font-weight:400}.sc-label svg{width:18px;height:18px}.sc-sentence{font-size:18px;line-height:1.8}[lang=ur] .sc-sentence{font-family:var(--f-ur);line-height:2.4}.sc-gap{border-bottom:3px dashed var(--c);text-align:center;min-width:70px;margin:0 4px;display:inline-block}.sc-gap.filled{border-bottom-color:var(--leaf);color:var(--leaf);font-weight:800}.sc-opts{flex-wrap:wrap;gap:8px;display:flex}.sc-opts .opt{flex:120px;min-height:48px;font-size:16px}[lang=ur] .sc-opts .opt{font-family:var(--f-ur);font-weight:400;line-height:2}.scene-nav{justify-content:space-between;align-items:center;gap:10px;display:flex}.scene-nav .btn[disabled]{visibility:hidden}.scene-done{color:var(--leaf);align-items:center;gap:6px;font-weight:800;display:inline-flex}.scene-done svg{width:20px;height:20px}.promises{gap:8px;display:grid}.promise{text-align:start;border:2px solid var(--line);background:var(--card);border-radius:14px;align-items:center;gap:10px;min-height:48px;padding:10px 12px;font-weight:700;transition:border-color .2s,background .2s,transform .12s;display:flex}.promise:active{transform:scale(.98)}[lang=ur] .promise{font-family:var(--f-ur);font-weight:400;line-height:2.1}.promise .pr-check{background:var(--soft);width:30px;height:30px;color:var(--c-ink);border-radius:50%;flex:none;place-items:center;display:grid}.promise .pr-check svg{width:18px;height:18px}.promise.on{border-color:var(--sun);background:#fff8e4}.promise.on .pr-check{background:var(--sun);color:#3b2a04}.promise .pr-tag{color:#8a5f0c;white-space:nowrap;font-size:12px;font-weight:800;font-family:var(--f-body);background:#fff3d6;border-radius:99px;margin-inline-start:auto;padding:2px 8px}.fact-wrap{flex-direction:column;align-items:stretch;gap:14px;display:flex}.fact-wrap .score{align-self:flex-end}.fact-card{background:linear-gradient(150deg, #fff 30%, var(--soft));border:3px solid var(--c);border-radius:26px;min-height:170px;padding:24px 20px}@supports (color:color-mix(in lab, red, red)){.fact-card{border:3px solid color-mix(in srgb, var(--c) 30%, #fff)}}.fact-card{box-shadow:var(--shadow-2);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;gap:10px;display:flex}.fact-card:active{cursor:grabbing}.fact-text{font-family:var(--f-display);text-align:center;font-size:22px;font-weight:600;line-height:1.4}.fact-card[lang=ur] .fact-text{font-family:var(--f-ur);font-weight:400;line-height:2.2}.fact-card.good{border-color:var(--leaf);background:linear-gradient(150deg,#fff 30%,#e3f5ea)}.fact-card.bad{border-color:var(--rose);background:linear-gradient(150deg,#fff 30%,#fbe5e2)}.fact-result{text-align:center;font-weight:800}.fact-card[lang=ur] .fact-result{font-family:var(--f-ur);font-weight:400;line-height:2.2}.fact-btns{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fact-btns .btn{min-height:56px;font-size:18px}.fact-yes{background:var(--leaf)!important}.fact-no{background:var(--rose)!important}.done-card h2[lang=ur],.done-card .btn[lang=ur]{font-family:var(--f-ur);font-weight:400;line-height:2}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
