@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}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}.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)}.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}@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.stop{animation:none}}