@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9da48a48bf6500f8-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-0891,u+0897-08e1,u+08e3-08ff,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:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9efac92d680e57b6-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/1323037a3e4ea9e8-s.woff2) format("woff2");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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/17efc7caebbb6a73-s.p.woff2) format("woff2");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:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/f022b1629605b85c-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-0891,u+0897-08e1,u+08e3-08ff,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:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/18d6d756b83deaa1-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/101eb3c626c8a0e0-s.woff2) format("woff2");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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/b729ad8c86c7d641-s.p.woff2) format("woff2");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:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e4efb0298547fad0-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-0891,u+0897-08e1,u+08e3-08ff,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:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c3d28d0a4af5320e-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/b096b166d47a2e73-s.woff2) format("woff2");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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/79d9077e4fd7eddc-s.p.woff2) format("woff2");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:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/fb66eb17bf011c3b-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-0891,u+0897-08e1,u+08e3-08ff,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:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/3abc2a74bccacda0-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/20e170e88a69dd27-s.woff2) format("woff2");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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/99dc19e540dbb87b-s.p.woff2) format("woff2");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:IBM Plex Sans Arabic Fallback;src:local("Arial");ascent-override:107.25%;descent-override:41.02%;line-gap-override:0.00%;size-adjust:101.17%}.__className_f9ef76{font-family:IBM Plex Sans Arabic,IBM Plex Sans Arabic Fallback;font-style:normal}.__variable_f9ef76{--font-vk-ui:"IBM Plex Sans Arabic","IBM Plex Sans Arabic Fallback"}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/5aae3a1c1074c5e1-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-0891,u+0897-08e1,u+08e3-08ff,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;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/ecb0c194634e5a7f-s.woff2) format("woff2");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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Amiri;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/8c2fd50d66d22a18-s.p.woff2) format("woff2");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:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/da6e5417d357d163-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-0891,u+0897-08e1,u+08e3-08ff,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;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/9c79641216ce8622-s.woff2) format("woff2");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-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Amiri;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/dd5f2241e050216b-s.p.woff2) format("woff2");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:Amiri Fallback;src:local("Times New Roman");ascent-override:112.47%;descent-override:63.44%;line-gap-override:0.00%;size-adjust:99.94%}.__className_eab742{font-family:Amiri,Amiri Fallback;font-style:normal}.__variable_eab742{--font-vk-ayah:"Amiri","Amiri Fallback"}:root{--vk-paper-0:#f8f1e6;--vk-paper-1:#efe4d2;--vk-paper-glow:#fff6e4;--vk-surface:#fffcf5;--vk-ink:#1c1917;--vk-ink-mute:#57534e;--vk-line:#ddcfb8;--vk-sage:#2f6b4f;--vk-sage-soft:#e7f2eb;--vk-sage-ink:#1e4d38;--vk-lamp:#f3e0a8;--vk-lamp-ring:#c4a35a;--vk-ok:#146c3a;--vk-ok-soft:#d8f0e0;--vk-bad:#8b2e22;--vk-bad-soft:#f8d9d4;--vk-focus:#2f6b4f;--vk-on-sage:#ffffff;--vk-font-ayah:var(--font-vk-ayah),"Amiri","Noto Naskh Arabic",serif;--vk-font-ui:var(--font-vk-ui),"IBM Plex Sans Arabic",Tahoma,sans-serif;--vk-ayah-size:clamp(1.45rem,4.2vw,1.85rem);--vk-ayah-lh:2.2;--vk-ui-size:0.95rem;--vk-meta-size:0.75rem;--vk-brand-size:1.15rem;--vk-space-1:4px;--vk-space-2:8px;--vk-space-3:12px;--vk-space-4:16px;--vk-space-5:20px;--vk-space-6:24px;--vk-radius-word:6px;--vk-radius-chip:8px;--vk-radius-btn:12px;--vk-touch-min:44px;--vk-ease:cubic-bezier(0.22,1,0.36,1);--vk-dur-fast:120ms;--vk-dur-med:220ms;--vk-shadow-dock:0 -8px 24px rgba(28,25,23,0.06);--vk-lamp-glow:0 0 0 1px var(--vk-lamp-ring),0 0 18px rgba(196,163,90,0.35)}html{color-scheme:light}html[data-ayah-size=sm]{--vk-ayah-size:clamp(1.2rem,3.6vw,1.5rem)}html[data-ayah-size=md]{--vk-ayah-size:clamp(1.45rem,4.2vw,1.85rem)}html[data-ayah-size=lg]{--vk-ayah-size:clamp(1.7rem,5vw,2.2rem)}html[data-theme=night]{color-scheme:dark;--vk-paper-0:#121416;--vk-paper-1:#1a1d21;--vk-paper-glow:#243028;--vk-surface:#22262b;--vk-ink:#f2efe8;--vk-ink-mute:#a8a29a;--vk-line:#3a4148;--vk-sage:#6fbf94;--vk-sage-soft:#1e3328;--vk-sage-ink:#c6ecd6;--vk-lamp:#3d3420;--vk-lamp-ring:#c4a35a;--vk-ok:#6fbf94;--vk-ok-soft:#1e3328;--vk-bad:#e08a7c;--vk-bad-soft:#3a2220;--vk-on-sage:#102018;--vk-shadow-dock:0 -8px 24px rgba(0,0,0,0.35)}body{margin:0;min-height:100vh;font-family:var(--vk-font-ui);font-size:var(--vk-ui-size);color:var(--vk-ink);background:radial-gradient(120% 70% at 50% -10%,var(--vk-paper-glow) 0,transparent 50%),linear-gradient(180deg,var(--vk-paper-0) 0,var(--vk-paper-1) 100%);background-attachment:fixed}:focus-visible{outline:3px solid var(--vk-focus);outline-offset:2px}.lesson{min-height:100vh;max-width:28rem;margin:0 auto;display:flex;flex-direction:column;padding:var(--vk-space-5) var(--vk-space-4) 0;box-sizing:border-box}.lesson-header{flex-shrink:0}.brand{margin:0;font-size:var(--vk-brand-size);font-weight:700;line-height:1.35}.brand-sub{margin:var(--vk-space-1) 0 0;color:var(--vk-ink-mute);font-size:var(--vk-meta-size);line-height:1.45}.levels{display:flex;gap:var(--vk-space-2);margin-top:var(--vk-space-4)}.mode-pill{flex:1 1;font:inherit;font-size:.85rem;min-height:var(--vk-touch-min);padding:var(--vk-space-2) var(--vk-space-1);border-radius:var(--vk-radius-chip);border:1px solid var(--vk-line);background:color-mix(in srgb,var(--vk-surface) 70%,transparent);color:var(--vk-ink-mute);cursor:pointer;transition:background var(--vk-dur-fast) var(--vk-ease),border-color var(--vk-dur-fast) var(--vk-ease),color var(--vk-dur-fast) var(--vk-ease)}.mode-pill.active{border-color:var(--vk-sage);background:var(--vk-sage-soft);color:var(--vk-sage-ink);font-weight:700}.pickers{display:flex;flex-wrap:wrap;gap:var(--vk-space-2);margin-top:var(--vk-space-3)}.chip{display:flex;flex-direction:column;gap:2px;flex:1 1;min-width:7rem}.chip label{font-size:var(--vk-meta-size);color:var(--vk-ink-mute)}.chip select{font:inherit;min-height:var(--vk-touch-min);padding:var(--vk-space-2) var(--vk-space-3);border:1px solid var(--vk-line);border-radius:var(--vk-radius-chip);background:var(--vk-surface);color:var(--vk-ink);width:100%}.ayah-stage{flex:1 1;display:flex;flex-direction:column;justify-content:center;padding:var(--vk-space-5) 0 var(--vk-space-4);min-height:12rem}.ayah{font-family:var(--vk-font-ayah);font-size:var(--vk-ayah-size);line-height:var(--vk-ayah-lh);margin:0;color:var(--vk-ink)}.ayah,.ayah-meta{text-align:center}.ayah-meta{margin:var(--vk-space-4) 0 0;font-size:var(--vk-meta-size);color:var(--vk-ink-mute)}.ayah-skeleton{height:4.5rem;border-radius:var(--vk-radius-chip);background:color-mix(in srgb,var(--vk-line) 45%,transparent);animation:vk-pulse 1.2s ease-in-out infinite}.ayah-skeleton-lines{display:flex;flex-direction:column;align-items:center;gap:.7rem;padding:var(--vk-space-4) 0}.ayah-skeleton-lines span{display:block;height:.95rem;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--vk-line) 35%,transparent) 0,color-mix(in srgb,var(--vk-line) 70%,transparent) 50%,color-mix(in srgb,var(--vk-line) 35%,transparent) 100%);background-size:200% 100%;animation:vk-shimmer 1.2s ease-in-out infinite}.ayah-skeleton-lines span:first-child{width:78%}.ayah-skeleton-lines span:nth-child(2){width:92%}.ayah-skeleton-lines span:nth-child(3){width:64%}.word{display:inline-block;margin-inline:.08rem;padding:.05rem .22rem;border-radius:var(--vk-radius-word);transition:background var(--vk-dur-fast) var(--vk-ease),box-shadow var(--vk-dur-fast) var(--vk-ease)}.word.ok{background:var(--vk-ok-soft);color:var(--vk-ok)}.word.bad{background:var(--vk-bad-soft);color:var(--vk-bad);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.word.active{background:var(--vk-lamp);color:var(--vk-ink);box-shadow:var(--vk-lamp-glow)}.ayah-end{--ayah-mark-green:#005500;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;vertical-align:middle;-webkit-margin-start:.25rem;margin-inline-start:.25rem;font-family:var(--vk-font-ayah);line-height:1;color:var(--ayah-mark-green);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;cursor:default;direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate}.ayah-end-ornament{font-size:1.05em}.ayah-end-num,.ayah-end-ornament{flex:0 0 auto;color:var(--ayah-mark-green);line-height:1}.ayah-end-num{padding:0 .22em;font-family:var(--vk-font-ui);font-size:.78em;font-weight:700;font-feature-settings:"lnum";font-variant-numeric:lining-nums}.dock{position:-webkit-sticky;position:sticky;bottom:0;margin-inline:calc(-1 * var(--vk-space-4));padding:var(--vk-space-4) var(--vk-space-5) calc(var(--vk-space-6) + env(safe-area-inset-bottom, 0px));background:color-mix(in srgb,var(--vk-surface) 92%,transparent);border-top:1px solid var(--vk-line);box-shadow:var(--vk-shadow-dock);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:var(--vk-space-3)}.dock,.listen-bar{display:flex;flex-direction:column}.listen-bar{gap:var(--vk-space-2);padding:var(--vk-space-3);border:1px solid var(--vk-line);border-radius:var(--vk-radius-btn);background:color-mix(in srgb,var(--vk-lamp) 22%,var(--vk-surface))}.listen-bar-label{display:flex;align-items:center;justify-content:space-between;gap:var(--vk-space-2);font-size:var(--vk-meta-size);font-weight:600;color:var(--vk-sage-ink)}.listen-bar-label .listening-dot{width:8px;height:8px;border-radius:50%;background:var(--vk-lamp-ring);box-shadow:0 0 0 3px color-mix(in srgb,var(--vk-lamp-ring) 28%,transparent)}.listen-bar-label .listening-dot.on{animation:vk-record-pulse 1.2s ease-in-out infinite}.listen-slider-wrap{position:relative;height:28px;display:flex;align-items:center}.listen-fill-track{position:absolute;inset-inline:0;height:12px;border-radius:99px;background:color-mix(in srgb,var(--vk-line) 75%,#fff);pointer-events:none;overflow:hidden}.listen-fill{height:100%;border-radius:99px;background:linear-gradient(90deg,var(--vk-lamp-ring),#d4b56a);min-width:0}.listen-track{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;z-index:1;width:100%;height:28px;margin:0;background:transparent;outline:none;cursor:pointer}.listen-track::-webkit-slider-runnable-track{height:12px;border-radius:99px;background:transparent}.listen-track::-moz-range-track{height:12px;border-radius:99px;background:transparent;border:none}.listen-track::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;margin-top:-5px;border-radius:50%;background:var(--vk-sage);border:3px solid var(--vk-surface);box-shadow:0 1px 4px rgba(28,25,23,.28),0 0 0 1px var(--vk-sage)}.listen-track::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--vk-sage);border:3px solid var(--vk-surface);box-shadow:0 1px 4px rgba(28,25,23,.28),0 0 0 1px var(--vk-sage)}.listen-track:disabled{cursor:not-allowed;opacity:.55}.listen-times{display:flex;justify-content:space-between;font-size:var(--vk-meta-size);color:var(--vk-ink-mute);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.actions{display:flex;gap:var(--vk-space-2)}.actions button{flex:1 1;font:inherit;font-weight:600;min-height:var(--vk-touch-min);padding:.8rem var(--vk-space-3);border-radius:var(--vk-radius-btn);border:1px solid var(--vk-sage);background:var(--vk-sage);color:var(--vk-on-sage);cursor:pointer;transition:transform var(--vk-dur-fast) var(--vk-ease),opacity var(--vk-dur-fast) var(--vk-ease),background var(--vk-dur-fast) var(--vk-ease)}.actions button:active:not(:disabled){transform:scale(.98)}.actions button.secondary{background:var(--vk-surface);color:var(--vk-sage)}.actions button.stop{background:var(--vk-bad);border-color:var(--vk-bad);color:#fff;animation:vk-record-pulse 1.2s ease-in-out infinite}.actions button:disabled{opacity:.45;cursor:not-allowed}.status{margin:0;text-align:center;color:var(--vk-ink-mute);font-size:.88rem;min-height:1.35em}.status.err{color:var(--vk-bad)}.status.ok{color:var(--vk-ok);font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home{min-height:100vh;max-width:28rem;margin:0 auto;padding:var(--vk-space-6) var(--vk-space-4) calc(var(--vk-space-6) + env(safe-area-inset-bottom, 0px));box-sizing:border-box;display:flex;flex-direction:column;gap:var(--vk-space-4)}.home-header{margin-top:var(--vk-space-5)}.home-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--vk-space-3)}.nav-chip{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:var(--vk-touch-min);padding:0 var(--vk-space-3);border:1px solid var(--vk-line);border-radius:var(--vk-radius-chip);background:var(--vk-surface);color:var(--vk-sage);font-size:.8rem;font-weight:700;text-decoration:none;white-space:nowrap}.nav-chip svg{flex-shrink:0}.home-kicker{margin:0;font-size:var(--vk-meta-size);color:var(--vk-ink-mute);font-weight:600}.home-stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--vk-space-3);gap:var(--vk-space-3)}.stat-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--vk-space-2);padding:var(--vk-space-4);border-radius:var(--vk-radius-btn);border:1px solid var(--vk-line);background:var(--vk-surface);min-height:6.5rem}.stat-value{font-size:1.75rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--vk-sage);line-height:1}.stat-label{font-size:var(--vk-meta-size);color:var(--vk-ink-mute);font-weight:600}.goal-ring{--goal-pct:0%;width:3.4rem;height:3.4rem;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--vk-sage) var(--goal-pct),color-mix(in srgb,var(--vk-line) 80%,transparent) 0);mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));position:relative}.goal-ring-text{position:absolute;inset:0;display:grid;place-items:center;font-size:.75rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--vk-ink);mask:none;-webkit-mask:none}.stat-card.goal{position:relative}.stat-card.goal .goal-ring{mask:none;-webkit-mask:none;background:radial-gradient(var(--vk-surface) 58%,transparent 59%),conic-gradient(var(--vk-sage) var(--goal-pct),color-mix(in srgb,var(--vk-line) 80%,transparent) 0)}.home-title{font-size:clamp(1.55rem,5vw,1.9rem);font-weight:700;line-height:1.3;text-wrap:balance}.home-sub,.home-title{margin:var(--vk-space-2) 0 0}.home-sub{color:var(--vk-ink-mute);font-size:.9rem;line-height:1.5}.continue-card{display:flex;flex-direction:column;gap:var(--vk-space-2);margin-top:var(--vk-space-3);padding:var(--vk-space-5);border-radius:var(--vk-radius-btn);border:1px solid var(--vk-line);background:var(--vk-surface);text-decoration:none;color:inherit;box-shadow:0 8px 24px rgba(28,25,23,.05);transition:transform var(--vk-dur-fast) var(--vk-ease)}.continue-card:active{transform:scale(.99)}.continue-label{font-size:var(--vk-meta-size);font-weight:700;color:var(--vk-sage)}.continue-ayah{font-size:1.15rem;font-weight:700}.continue-badge{align-self:flex-start;font-size:var(--vk-meta-size);font-weight:600;padding:.2rem .55rem;border-radius:999px}.continue-badge.ok{background:var(--vk-ok-soft);color:var(--vk-ok)}.continue-badge.warn{background:var(--vk-bad-soft);color:var(--vk-bad)}.home-primary{margin-top:var(--vk-space-2);padding:.85rem var(--vk-space-4);background:var(--vk-sage);color:var(--vk-on-sage)}.home-primary,.home-secondary{display:flex;align-items:center;justify-content:center;min-height:var(--vk-touch-min);border-radius:var(--vk-radius-btn);font-weight:700;text-decoration:none}.home-secondary{padding:.75rem var(--vk-space-4);border:1px solid var(--vk-line);background:var(--vk-surface);color:var(--vk-sage)}.home-foot{margin:auto 0 0;text-align:center;font-size:var(--vk-meta-size);color:var(--vk-ink-mute)}.browse{min-height:100vh;max-width:28rem;margin:0 auto;padding:var(--vk-space-4) var(--vk-space-4) calc(var(--vk-space-6) + env(safe-area-inset-bottom, 0px));box-sizing:border-box}.browse-top{display:flex;align-items:center;gap:var(--vk-space-2);margin-bottom:var(--vk-space-4)}.browse-title{margin:0;flex:1 1;font-size:1.15rem;font-weight:700;text-align:center}.browse-search{width:100%;box-sizing:border-box;font:inherit;min-height:var(--vk-touch-min);padding:.7rem var(--vk-space-4);border:1px solid var(--vk-line);border-radius:var(--vk-radius-btn);background:var(--vk-surface);color:var(--vk-ink);margin-bottom:var(--vk-space-4)}.browse-section-label{margin:0 0 var(--vk-space-2);font-size:var(--vk-meta-size);font-weight:700;color:var(--vk-ink-mute)}.browse-chips{display:flex;flex-wrap:wrap;gap:var(--vk-space-2);margin-bottom:var(--vk-space-5)}.browse-chip{font:inherit;font-size:.85rem;font-weight:600;padding:.45rem .75rem;border-radius:999px;border:1px solid var(--vk-line);background:var(--vk-surface);color:var(--vk-sage-ink);text-decoration:none}.browse-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.browse-row{display:flex;align-items:center;gap:var(--vk-space-3);min-height:var(--vk-touch-min);padding:var(--vk-space-3);border-radius:var(--vk-radius-chip);text-decoration:none;color:inherit}.browse-row:focus-visible,.browse-row:hover{background:color-mix(in srgb,var(--vk-sage-soft) 70%,transparent)}.browse-num{flex:0 0 2rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;color:var(--vk-ink-mute);font-size:.85rem}.browse-names{flex:1 1;display:flex;flex-direction:column;gap:2px;min-width:0}.browse-ar{font-weight:700}.browse-ayahs,.browse-en{font-size:var(--vk-meta-size);color:var(--vk-ink-mute)}.browse-ayahs{flex:0 0 auto}.lesson-top{display:flex;align-items:center;gap:var(--vk-space-2);flex-shrink:0}.top-home{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:var(--vk-touch-min);min-height:var(--vk-touch-min);border:1px solid var(--vk-line);border-radius:var(--vk-radius-chip);background:var(--vk-surface);color:var(--vk-ink);text-decoration:none}.browse-chip,.browse-chips,.browse-popular{display:none}.breadcrumb{flex:1 1;font:inherit;font-weight:700;background:var(--vk-surface);color:var(--vk-ink);text-align:center}.breadcrumb,.level-trigger{min-height:var(--vk-touch-min);padding:0 var(--vk-space-3);border:1px solid var(--vk-line);border-radius:var(--vk-radius-chip);cursor:pointer}.level-trigger{flex:0 0 auto;font:inherit;font-size:.8rem;font-weight:600;background:var(--vk-sage-soft);color:var(--vk-sage-ink)}.level-sheet,.picker-sheet{display:flex;gap:var(--vk-space-2);margin-top:var(--vk-space-3);padding:var(--vk-space-3);border:1px solid var(--vk-line);border-radius:var(--vk-radius-btn);background:var(--vk-surface)}.level-sheet{flex-wrap:wrap}.level-sheet .mode-pill{flex:1 1;min-width:5rem}.result-banner{margin-top:var(--vk-space-4);padding:var(--vk-space-4);border-radius:var(--vk-radius-btn);text-align:center}.result-banner.ok{background:var(--vk-ok-soft);color:var(--vk-ok)}.result-banner p{margin:0;font-weight:700}.result-link{display:inline-block;margin-top:var(--vk-space-3);font-size:.9rem;font-weight:700;color:var(--vk-sage);text-decoration:none}.mistake-sheet{margin-top:var(--vk-space-4);padding:var(--vk-space-4);border:1px solid var(--vk-line);border-radius:var(--vk-radius-btn);background:var(--vk-surface)}.mistake-title{margin:0 0 var(--vk-space-3);font-size:.9rem;font-weight:700;color:var(--vk-bad)}.mistake-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--vk-space-2)}.mistake-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--vk-space-3);padding:var(--vk-space-2) var(--vk-space-3);border-radius:var(--vk-radius-chip);background:var(--vk-bad-soft)}.mistake-token{font-family:var(--vk-font-ayah);font-size:1.15rem;color:var(--vk-bad)}.mistake-actions{display:flex;align-items:center;gap:var(--vk-space-2)}.mistake-play,.mistake-try{font:inherit;font-size:.8rem;font-weight:700;min-height:36px;padding:0 var(--vk-space-3);border-radius:var(--vk-radius-chip);border:1px solid var(--vk-sage);background:var(--vk-surface);color:var(--vk-sage);cursor:pointer}.mistake-play{min-width:36px;padding:0}.actions-single button{width:100%}.actions button.cta-pulse{animation:vk-cta-pulse 1.4s ease-in-out infinite}.dock-link{font:inherit;font-size:.85rem;font-weight:600;color:var(--vk-sage);background:none;border:none;cursor:pointer;padding:var(--vk-space-1);align-self:center}.dock-link:disabled{opacity:.45;cursor:not-allowed}@keyframes vk-cta-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--vk-sage) 35%,transparent)}50%{box-shadow:0 0 0 8px transparent}}.sheet-backdrop{position:fixed;inset:0;z-index:40;background:rgba(28,25,23,.42);display:flex;align-items:flex-end;justify-content:center;padding:var(--vk-space-4);box-sizing:border-box}.sheet{width:min(28rem,100%);background:var(--vk-surface);border-radius:16px 16px 12px 12px;border:1px solid var(--vk-line);padding:var(--vk-space-5);display:flex;flex-direction:column;gap:var(--vk-space-3)}.sheet-title{margin:0;font-size:1.15rem;font-weight:700;text-align:center}.sheet-steps{margin:0;padding:0;list-style:none;flex-direction:column}.sheet-steps,.sheet-steps li{display:flex;gap:var(--vk-space-3)}.sheet-steps li{align-items:center;font-size:.95rem}.sheet-steps strong{display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--vk-sage-soft);color:var(--vk-sage-ink);font-size:.8rem}.sheet-note{margin:0;text-align:center;color:var(--vk-ink-mute);font-size:.88rem;line-height:1.5}.sheet-cta{font:inherit;font-weight:700;min-height:var(--vk-touch-min);border:none;border-radius:var(--vk-radius-btn);background:var(--vk-sage);color:var(--vk-on-sage);cursor:pointer}.sheet-dismiss{font:inherit;font-weight:600;min-height:40px;border:none;background:transparent;color:var(--vk-ink-mute);cursor:pointer}.install-toast{position:-webkit-sticky;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:var(--vk-space-3);margin-bottom:var(--vk-space-3);padding:var(--vk-space-3) var(--vk-space-4);border-radius:var(--vk-radius-chip);background:var(--vk-sage-soft);color:var(--vk-sage-ink);font-size:.85rem;font-weight:600}.install-toast button{font:inherit;font-size:.8rem;font-weight:700;border:none;background:transparent;color:var(--vk-sage);cursor:pointer}.settings{min-height:100vh;max-width:28rem;margin:0 auto;padding:var(--vk-space-4) var(--vk-space-4) calc(var(--vk-space-6) + env(safe-area-inset-bottom, 0px));box-sizing:border-box}.settings-block{margin-top:var(--vk-space-5)}.settings-label{margin:0 0 var(--vk-space-3);font-size:.95rem;font-weight:700}.settings-row{display:flex;flex-wrap:wrap;gap:var(--vk-space-2)}.settings-foot{margin-top:var(--vk-space-6);text-align:center;font-size:var(--vk-meta-size);color:var(--vk-ink-mute)}@keyframes vk-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes vk-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes vk-record-pulse{0%,to{box-shadow:0 0 0 0 rgba(139,46,34,.35)}50%{box-shadow:0 0 0 6px rgba(139,46,34,0)}}@media (min-width:800px){.lesson{max-width:32rem;padding-top:var(--vk-space-6)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.word.active{box-shadow:0 0 0 1px var(--vk-lamp-ring)}.actions button.cta-pulse,.actions button.stop{animation:none}}