@font-face{font-family:Readex Pro Variable;font-style:normal;font-display:swap;font-weight:160 700;src:url(/assets/readex-pro-arabic-wght-normal-DiwT_uOQ.woff2) format("woff2-variations");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-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-10EC4,U+10EFC-10EFF,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:Readex Pro Variable;font-style:normal;font-display:swap;font-weight:160 700;src:url(/assets/readex-pro-vietnamese-wght-normal-Do5Nl5oc.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Readex Pro Variable;font-style:normal;font-display:swap;font-weight:160 700;src:url(/assets/readex-pro-latin-ext-wght-normal-CsYMu49W.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Readex Pro Variable;font-style:normal;font-display:swap;font-weight:160 700;src:url(/assets/readex-pro-latin-wght-normal--ekFhJJC.woff2) format("woff2-variations");unicode-range:U+0000-00FF,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}:root{--paper: #f4f6fa;--sheet: #ffffff;--ink: #17203d;--ink-2: #4f5a78;--ink-3: #77819d;--line: #dde3ee;--line-strong: #c3ccde;--blue: #2440b3;--blue-deep: #1a2e85;--blue-wash: #eaeefb;--marker: #ffe45c;--marker-soft: #fff6c9;--green: #17794e;--green-wash: #e2f4ea;--red: #bf3328;--red-wash: #fbe8e5;--font: "Readex Pro Variable", "Segoe UI", system-ui, -apple-system, "Noto Sans Arabic", sans-serif;--radius-s: 8px;--radius-m: 12px;--radius-l: 18px;--shadow: 0 1px 2px rgb(23 32 61 / .05), 0 8px 24px rgb(23 32 61 / .07);--tracking-tight: -.02em;--player-space: 0px}:root:has(.lesson){--player-space: 124px}:root:has(.lesson.has-parts){--player-space: 168px}@media(min-width:760px){:root:has(.lesson){--player-space: 92px}:root:has(.lesson.has-parts){--player-space: 136px}}:root:lang(ar){--tracking-tight: 0}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-block:72px calc(var(--player-space) + 24px)}body{margin:0;min-block-size:100vh;min-block-size:100dvh;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:1rem;font-weight:350;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul,ol,fieldset,legend{margin:0;padding:0}ul,ol{list-style:none}fieldset{border:0;min-inline-size:0}img{display:block;max-inline-size:100%}a{color:inherit}button,input,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}strong{font-weight:600}:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:6px}.wrap{inline-size:100%;max-inline-size:1120px;margin-inline:auto;padding-inline:clamp(16px,4vw,32px)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.icon{flex:none}[dir=rtl] .icon-flip{transform:scaleX(-1)}.site-header{background:var(--sheet);border-block-end:1px solid var(--line)}.site-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-block-size:60px}.skip-link{position:absolute;inset-inline-start:12px;inset-block-start:-80px;z-index:50;padding:10px 16px;background:var(--ink);color:#fff;border-radius:var(--radius-s)}.skip-link:focus{inset-block-start:10px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brand-mark{flex:none}.brand-text{display:grid;line-height:1.15}.brand-text strong{font-size:1.0625rem;font-weight:650;letter-spacing:-.01em}.brand-text small{font-size:.75rem;color:var(--ink-2)}.lang-switch{display:inline-flex;padding:3px;background:var(--paper);border:1px solid var(--line);border-radius:999px}.lang-switch button{min-inline-size:42px;min-block-size:36px;padding-inline:10px;border-radius:999px;font-size:.875rem;font-weight:500;color:var(--ink-2)}.lang-switch button[aria-pressed=true]{background:var(--ink);color:#fff}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:48px;padding:10px 20px;border-radius:var(--radius-m);font-weight:550;text-decoration:none;transition:background-color .15s,border-color .15s}.button-primary{background:var(--blue);color:#fff}.button-primary:hover{background:var(--blue-deep)}.button-outline{background:var(--sheet);border:1.5px solid var(--line-strong)}.button-outline:hover{border-color:var(--blue)}.button-small{min-block-size:42px;padding:8px 14px;font-size:.9375rem}.button-wide{inline-size:100%}.button:disabled{opacity:.45;cursor:not-allowed}.link-button{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.back-link{display:inline-flex;align-items:center;gap:6px;min-block-size:44px;color:var(--ink-2);font-size:.9375rem;font-weight:500;text-decoration:none}.back-link:hover{color:var(--blue)}.section-title{font-size:1.125rem;font-weight:600;margin-block-end:14px}.level-chip{flex:none;padding:4px 10px;border-radius:999px;background:var(--blue-wash);color:var(--blue-deep);font-size:.8125rem;font-weight:650}.chip{display:inline-block;margin-inline-start:8px;padding:2px 9px;border-radius:999px;background:var(--blue-wash);color:var(--blue-deep);font-size:.75rem;font-weight:500;vertical-align:middle}.done-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;background:var(--green-wash);color:var(--green);font-size:.8125rem;font-weight:550}.progress{display:block;flex:1;min-inline-size:60px}.progress-track{display:block;block-size:6px;border-radius:999px;background:var(--line);overflow:hidden}.progress-fill{display:block;block-size:100%;border-radius:999px;background:var(--green)}.resume,.next-up{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--sheet);border:1px solid var(--line);border-radius:var(--radius-l);text-decoration:none;transition:border-color .15s,box-shadow .15s}.resume:hover,.next-up:hover{border-color:var(--blue);box-shadow:var(--shadow)}.resume-play{flex:none;display:grid;place-items:center;inline-size:52px;block-size:52px;border-radius:50%;background:var(--marker);color:var(--ink)}.resume-text{display:grid;flex:1;min-inline-size:0}.resume-label{font-size:.8125rem;color:var(--ink-2)}.resume-text strong{font-size:1.0625rem;font-weight:550;line-height:1.3;overflow-wrap:anywhere}[dir=rtl] .resume-text strong{text-align:end}.resume-sub{font-size:.9375rem;color:var(--ink-2)}.state{display:grid;justify-items:center;gap:18px;padding-block:88px;text-align:center;color:var(--ink-2)}.state-loading{display:inline-flex;align-items:center;gap:12px}.spinner{inline-size:20px;block-size:20px;border-radius:50%;border:2.5px solid var(--line-strong);border-block-start-color:var(--blue);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lock{padding-block:12px 64px}.lock-card{display:grid;gap:6px;max-inline-size:440px;margin:28px auto 0;padding:clamp(22px,5vw,36px);background:var(--sheet);border:1px solid var(--line);border-radius:var(--radius-l);box-shadow:var(--shadow)}.lock-badge{display:grid;place-items:center;inline-size:56px;block-size:56px;margin-block-end:10px;border-radius:50%;background:var(--blue-wash);color:var(--blue)}.lock-card h1{font-size:1.5rem;font-weight:600;line-height:1.25;letter-spacing:var(--tracking-tight)}.lock-hint{color:var(--ink-2);margin-block-end:14px}.field-label{font-size:.9375rem;font-weight:550}.password-field{position:relative;display:flex}.password-field input{flex:1;min-inline-size:0;min-block-size:52px;padding:10px 52px 10px 16px;border:1.5px solid var(--line-strong);border-radius:var(--radius-m);background:var(--sheet);font-size:1.0625rem}.password-field input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-wash)}.password-field input[aria-invalid=true]{border-color:var(--red)}.icon-button{position:absolute;inset-block:4px;right:4px;display:grid;place-items:center;inline-size:44px;border-radius:var(--radius-s);color:var(--ink-2)}.field-error{min-block-size:1.6em;color:var(--red);font-size:.9375rem;font-weight:500}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.home{display:grid;gap:clamp(24px,4vw,40px);padding-block:clamp(24px,5vw,56px) 40px}.hero{display:grid;gap:14px}.hero-title{font-size:clamp(2.05rem,7.4vw,3.25rem);font-weight:650;line-height:1.16;letter-spacing:var(--tracking-tight)}.hero-lead{max-inline-size:62ch;color:var(--ink-2);font-size:clamp(1rem,2.2vw,1.125rem)}.hero-phrase{white-space:nowrap;--from: 0%;--to: 100%;padding-inline:.14em;margin-inline:-.14em;border-radius:.14em;background:linear-gradient(var(--marker),var(--marker)) no-repeat var(--from) 62% / 0% 78%;-webkit-box-decoration-break:clone;box-decoration-break:clone;animation:8.4s ease-in-out .5s 1 both}[dir=rtl] .hero-phrase{--from: 100%;--to: 0%}.hero-phrase:nth-child(1){animation-name:mark-first}.hero-phrase:nth-child(2){animation-name:mark-second}.hero-phrase:nth-child(3){animation-name:mark-third}@keyframes mark-first{0%{background-size:0% 78%;background-position:var(--from) 62%}5%,26%{background-size:100% 78%;background-position:var(--from) 62%}26.01%{background-size:100% 78%;background-position:var(--to) 62%}31%,88%{background-size:0% 78%;background-position:var(--to) 62%}88.01%{background-size:0% 78%;background-position:var(--from) 62%}94%,to{background-size:100% 78%;background-position:var(--from) 62%}}@keyframes mark-second{0%,29%{background-size:0% 78%;background-position:var(--from) 62%}34%,56%{background-size:100% 78%;background-position:var(--from) 62%}56.01%{background-size:100% 78%;background-position:var(--to) 62%}61%,to{background-size:0% 78%;background-position:var(--to) 62%}}@keyframes mark-third{0%,59%{background-size:0% 78%;background-position:var(--from) 62%}64%,84%{background-size:100% 78%;background-position:var(--from) 62%}84.01%{background-size:100% 78%;background-position:var(--to) 62%}89%,to{background-size:0% 78%;background-position:var(--to) 62%}}@media(prefers-reduced-motion:reduce){.hero-phrase{animation:none}.hero-phrase:nth-child(1){background-size:100% 78%}}.course-grid{display:grid;gap:12px}.course-link{display:grid;grid-template-columns:104px minmax(0,1fr);block-size:100%;background:var(--sheet);border:1px solid var(--line);border-radius:var(--radius-l);overflow:hidden;text-decoration:none;transition:border-color .15s,box-shadow .15s}.course-link:hover{border-color:var(--blue);box-shadow:var(--shadow)}.course-cover{background:var(--line)}.course-cover img{inline-size:100%;block-size:100%;object-fit:cover}.course-body{display:grid;align-content:start;gap:4px;padding:14px 16px}.course-heading{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:10px}.course-level{font-size:1.75rem;font-weight:700;line-height:1.1;letter-spacing:-.03em;color:var(--blue)}.course-name{font-size:1.0625rem;font-weight:550}.course-sub{color:var(--ink-2);font-size:.9375rem;line-height:1.4}.course-meta{display:flex;flex-wrap:wrap;gap:4px 14px;color:var(--ink-2);font-size:.875rem}.course-state{display:flex;align-items:center;gap:10px;margin-block-start:8px;min-block-size:24px;font-size:.875rem;color:var(--ink-2)}.course-locked{display:inline-flex;align-items:center;gap:6px}.course-progress-text{flex:none}@media(min-width:700px){.course-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.course-card{grid-column:span 2}.course-card:nth-child(n+4){grid-column:span 3}.course-link{grid-template-columns:1fr;grid-template-rows:auto 1fr}.course-cover{aspect-ratio:16 / 9;overflow:hidden}.course-cover img{transform:scale(var(--zoom, 1))}.course-card:nth-child(n+4) .course-cover{aspect-ratio:21 / 9}.course-body{padding:16px 18px 18px}.course-level{font-size:2.125rem}}.site-footer{display:flex;flex-wrap:wrap;gap:4px 20px;padding-block-start:20px;border-block-start:1px solid var(--line);color:var(--ink-2);font-size:.875rem}.course{max-inline-size:900px;display:grid;gap:18px;padding-block:8px 48px}.course>.back-link{justify-self:start}.course-head{display:grid;gap:16px}.course-banner{inline-size:100%;block-size:148px;object-fit:cover;border-radius:var(--radius-l);background:var(--line)}.course-head-text{display:grid;gap:6px;align-content:center}.course-head h1{display:flex;align-items:baseline;flex-wrap:wrap;column-gap:12px;font-size:clamp(1.5rem,5vw,2rem);font-weight:600;line-height:1.15;letter-spacing:var(--tracking-tight)}.course-head h1 .course-level{font-size:clamp(2.25rem,8vw,3rem)}.course-head-sub{color:var(--ink-2)}.course-head-progress{display:flex;align-items:center;gap:12px;margin-block-start:6px;color:var(--ink-2);font-size:.875rem}.course-head-progress .progress{max-inline-size:240px}@media(min-width:720px){.course-head{grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:28px}.course-banner{order:2;block-size:190px}}.groups{display:grid;gap:10px}.group{background:var(--sheet);border:1px solid var(--line);border-radius:var(--radius-l);overflow:hidden}.group h2{font-size:1rem;font-weight:inherit}.group-toggle{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;inline-size:100%;min-block-size:64px;padding:10px 16px;text-align:start}.group-toggle:hover{background:var(--paper)}.group-number{display:grid;place-items:center;inline-size:38px;block-size:38px;border-radius:50%;background:var(--blue-wash);color:var(--blue-deep);font-weight:650}.group-number-plain:before{content:"";inline-size:10px;block-size:10px;border-radius:50%;background:var(--blue)}.group-title{display:grid;font-size:1.0625rem;font-weight:550;line-height:1.3}[dir=rtl] .group-title>[dir=ltr]{text-align:end}.group-kicker{font-size:.8125rem;font-weight:400;color:var(--ink-2)}.group-count{font-size:.875rem;color:var(--ink-2);font-variant-numeric:tabular-nums}.group-count.is-complete{color:var(--green);font-weight:600}.group-chevron{color:var(--ink-3);transition:transform .2s}.group.is-open .group-chevron{transform:rotate(180deg)}.lesson-list{border-block-start:1px solid var(--line)}.lesson-list li+li{border-block-start:1px solid var(--line)}.lesson-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-block-size:64px;padding:10px 16px;text-decoration:none}.lesson-row:hover{background:var(--blue-wash)}.lesson-status{display:grid;place-items:center;inline-size:30px;block-size:30px;margin-inline:4px;border-radius:50%;border:1.5px solid var(--line-strong);color:var(--ink-3)}.lesson-row.is-done .lesson-status{background:var(--green);border-color:var(--green);color:#fff}.lesson-row-text{display:grid;gap:1px}.lesson-row-title{font-weight:500;line-height:1.35;overflow-wrap:anywhere}[dir=rtl] .lesson-row-title{text-align:end}.lesson-row-sub{color:var(--ink-2);font-size:.9375rem}.lesson-row-meta{display:flex;flex-wrap:wrap;gap:2px 12px;color:var(--ink-2);font-size:.8125rem}.lesson-row-arrow{color:var(--ink-3)}.course-note{color:var(--ink-2);font-size:.875rem}[dir=rtl] .course-note,[dir=rtl] .attribution{text-align:end}.materials{margin-block-start:10px}.materials ul{display:grid;gap:2px}.materials a{display:inline-flex;align-items:center;gap:10px;min-block-size:44px;color:var(--blue);font-weight:500;text-decoration:none}.materials a:hover{text-decoration:underline;text-underline-offset:3px}.attribution{margin-block-start:12px;color:var(--ink-3);font-size:.8125rem}.lesson{display:grid;gap:14px;padding-block:8px calc(var(--player-space) + 28px)}.lesson-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.pdf-short{display:none}@media(max-width:520px){.pdf-long{display:none}.pdf-short{display:inline}}.lesson-head{display:grid;gap:8px;justify-items:start}.lesson-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;color:var(--ink-2);font-size:.9375rem}.lesson-head h1{inline-size:100%;font-size:clamp(1.5rem,5.4vw,2.125rem);font-weight:600;line-height:1.2;letter-spacing:-.02em;overflow-wrap:anywhere}[dir=rtl] .lesson-head h1,[dir=rtl] .lesson-description[dir=ltr]{text-align:end}.lesson-title-ar{font-size:1.125rem;color:var(--ink-2)}.lesson-description{inline-size:100%;max-inline-size:70ch;color:var(--ink-2)}[dir=rtl] .lesson-description[dir=ltr]{margin-inline-start:auto}.tabs{position:sticky;inset-block-start:0;z-index:5;display:flex;gap:4px;margin-inline:calc(-1*clamp(16px,4vw,32px));padding:8px clamp(16px,4vw,32px);background:var(--paper);border-block-end:1px solid var(--line)}.tabs button{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:44px;padding-inline:10px;border-radius:var(--radius-m);color:var(--ink-2);font-weight:500}.tabs button[aria-selected=true]{background:var(--ink);color:#fff}.tab-badge{font-size:.75rem;font-weight:500;opacity:.75;font-variant-numeric:tabular-nums}@media(min-width:1000px){.lesson-columns{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px;align-items:start}.lesson-side{display:grid;gap:14px}.lesson-side .tabs{position:static;margin:0;padding:4px;background:var(--sheet);border:1px solid var(--line);border-radius:16px}.lesson-columns .transcript{position:sticky;inset-block-start:16px;max-block-size:calc(100vh - var(--player-space) - 40px);max-block-size:calc(100dvh - var(--player-space) - 40px)}.lesson-columns .transcript-scroll{overflow-y:auto;overscroll-behavior:contain}}.transcript{display:flex;flex-direction:column;background:var(--sheet);border:1px solid var(--line);border-radius:var(--radius-l);overflow:hidden}.transcript-tools{display:flex;flex-wrap:wrap;gap:8px;padding:10px 12px;border-block-end:1px solid var(--line)}.toggle{display:inline-flex;align-items:center;gap:8px;min-block-size:40px;padding:6px 14px;border:1.5px solid var(--line-strong);border-radius:999px;font-size:.9375rem;font-weight:500;color:var(--ink-2);white-space:nowrap}@media(max-width:420px){.toggle{gap:6px;padding-inline:11px;font-size:.875rem}}.toggle[aria-pressed=true]{background:var(--blue-wash);border-color:var(--blue);color:var(--blue-deep)}.transcript-scroll{padding:16px clamp(14px,3vw,22px) 22px}.transcript-tip{margin-block-end:14px;color:var(--ink-3);font-size:.875rem}.transcript-hidden{display:flex;align-items:center;gap:12px;padding-block:28px;color:var(--ink-2)}.part+.part{margin-block-start:22px;padding-block-start:18px;border-block-start:1px dashed var(--line-strong)}.part-head{margin-block-end:10px;font-size:1rem;font-weight:inherit}.part-head button{display:inline-flex;align-items:center;gap:10px;min-block-size:40px;padding:4px 12px 4px 4px;border-radius:999px;background:var(--paper);color:var(--ink-2);text-align:start}.part-head button:hover{background:var(--blue-wash);color:var(--blue-deep)}.part-label{display:grid;place-items:center;min-inline-size:44px;block-size:32px;padding-inline:8px;border-radius:999px;background:var(--sheet);border:1px solid var(--line-strong);font-size:.875rem;font-weight:600;color:var(--ink)}.part.is-current .part-label{background:var(--ink);border-color:var(--ink);color:#fff}.part-task{font-size:.875rem}.part-note{margin-block-end:10px;color:var(--ink-3);font-size:.875rem}[dir=rtl] .part-head{direction:ltr}.turn{font-size:1.0625rem;line-height:1.75;text-align:left}.turn+.turn{margin-block-start:12px}.turn.is-stage{color:var(--ink-3);font-size:.9375rem;font-style:italic}.speaker{display:block;font-size:.8125rem;font-weight:600;line-height:1.5;color:var(--blue)}.line-timed{cursor:pointer;border-radius:4px;scroll-margin-block:110px calc(var(--player-space) + 56px)}.line-de{padding:.08em .1em;margin-inline:-.1em;border-radius:.2em;-webkit-box-decoration-break:clone;box-decoration-break:clone}@media(hover:hover){.line-timed:hover .line-de{background:var(--marker-soft)}}.line-timed[aria-current=true] .line-de{background:var(--marker)}.line-timed:focus-visible{outline:none}.line-timed:focus-visible .line-de{outline:2px solid var(--blue);outline-offset:1px}.has-translation .line{display:block}.has-translation .line+.line{margin-block-start:10px}.line-ar{display:block;margin-block-start:2px;color:var(--ink-2);font-size:1rem;line-height:1.8;text-align:right}.exercises,.words,.practice{display:grid;gap:22px;scroll-margin-block-start:72px}.question-group{display:grid;gap:12px}.question-group h3,.practice h3{font-size:1.1875rem;font-weight:600}.question-hint{margin-block-start:-8px;color:var(--ink-2);font-size:.9375rem}.question{display:grid;gap:10px;padding:16px;background:var(--sheet);border:1px solid var(--line);border-radius:var(--radius-l)}.question legend{display:flex;gap:12px;inline-size:100%;float:inline-start;margin-block-end:10px}.question legend+*{clear:both}.question-number{flex:none;display:grid;place-items:center;inline-size:28px;block-size:28px;border-radius:50%;background:var(--blue-wash);color:var(--blue-deep);font-size:.8125rem;font-weight:650}.question-text{flex:1;font-size:1.0625rem;font-weight:500;line-height:1.45;white-space:pre-line;text-align:left}.question-listen{justify-self:start;display:inline-flex;align-items:center;gap:6px;min-block-size:32px;padding:2px 12px;border-radius:999px;background:var(--paper);color:var(--ink-2);font-size:.8125rem;font-weight:550}.question-listen:hover{background:var(--blue-wash);color:var(--blue-deep)}[dir=rtl] .question-listen{justify-self:end}.options{display:grid;gap:8px}.option{display:flex;align-items:center;gap:12px;min-block-size:50px;padding:10px 14px;border:1.5px solid var(--line-strong);border-radius:var(--radius-m);cursor:pointer;direction:ltr;transition:border-color .12s,background-color .12s}@media(hover:hover){.option:hover{border-color:var(--blue)}}.option input{appearance:none;flex:none;inline-size:20px;block-size:20px;margin:0;border:2px solid var(--line-strong);border-radius:50%;background:var(--sheet)}.option input:checked{border:6px solid var(--blue)}.option:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:2px}.option-text{flex:1;line-height:1.4}.option.is-chosen{border-color:var(--blue);background:var(--blue-wash)}.question.is-right .option,.question.is-wrong .option{cursor:default}.question.is-right .option:hover,.question.is-wrong .option:hover{border-color:var(--line-strong)}.option.is-answer,.option.is-answer:hover{border-color:var(--green)!important;background:var(--green-wash);color:var(--green)}.option.is-answer input{border-color:var(--green)}.option.is-mistake,.option.is-mistake:hover{border-color:var(--red)!important;background:var(--red-wash);color:var(--red)}.option.is-mistake input{border-color:var(--red)}.explanation{display:grid;gap:2px;padding-inline-start:12px;border-inline-start:3px solid var(--line-strong);color:var(--ink-2);font-size:.9375rem}.question.is-right .explanation{border-color:var(--green)}.question.is-right .explanation strong{color:var(--green)}.question.is-wrong .explanation{border-color:var(--red)}.question.is-wrong .explanation strong{color:var(--red)}.explanation [dir=ltr]{text-align:left}.result{display:flex;align-items:center;gap:18px;padding:18px;background:var(--marker-soft);border:1px solid var(--marker);border-radius:var(--radius-l)}.result-score{flex:none;display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums}.result-score strong{font-size:2.5rem;font-weight:700;line-height:1;letter-spacing:-.03em}.result-score span{color:var(--ink-2)}.result-title{font-weight:600}.result-text{color:var(--ink-2);font-size:.9375rem}.exercise-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.answered{color:var(--ink-2);font-size:.9375rem}.words ul{background:var(--sheet);border:1px solid var(--line);border-radius:var(--radius-l)}.words li{display:grid;gap:2px;padding:14px 16px}.words li+li{border-block-start:1px solid var(--line)}.word-de{font-size:1.0625rem;font-weight:600;text-align:left}.word-ar{font-size:1.0625rem;line-height:1.7;text-align:right}.word-example{color:var(--ink-2);font-size:.9375rem;text-align:left}.practice{justify-items:start;padding:18px;background:var(--sheet);border:1px solid var(--line);border-radius:var(--radius-l)}.practice ol{display:grid;gap:10px;inline-size:100%;counter-reset:step}.practice li{display:flex;gap:12px;counter-increment:step}.practice li:before{content:counter(step);flex:none;display:grid;place-items:center;inline-size:28px;block-size:28px;border-radius:50%;background:var(--blue-wash);color:var(--blue-deep);font-size:.8125rem;font-weight:650}.practice-done{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.lesson-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block-start:12px}.lesson-nav-link{display:flex;align-items:center;gap:10px;min-block-size:64px;padding:10px 14px;background:var(--sheet);border:1px solid var(--line);border-radius:var(--radius-l);text-decoration:none}.lesson-nav-link:hover{border-color:var(--blue)}.lesson-nav-link>span{display:grid;flex:1;min-inline-size:0}.lesson-nav-link small{color:var(--ink-2);font-size:.8125rem}.lesson-nav-link [lang=de]{font-weight:500;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lesson-nav-link.is-next{text-align:end}.lesson-nav-link.is-next [lang=de]{direction:ltr}@media(max-width:520px){.lesson-nav{grid-template-columns:1fr}}.player{position:fixed;inset-inline:0;inset-block-end:0;z-index:20;background:var(--ink);color:#fff;padding-block:8px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -6px 24px #17203d2e}.player-inner{display:grid;gap:6px}.player-parts{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-block:2px}.player-parts::-webkit-scrollbar{display:none}.player-parts button{flex:none;min-inline-size:48px;min-block-size:34px;padding-inline:12px;border-radius:999px;background:#ffffff1f;color:#ffffffdb;font-size:.875rem;font-weight:550;font-variant-numeric:tabular-nums}.player-parts button[aria-current=true]{background:#fff;color:var(--ink)}.player-parts button:disabled{opacity:.4;cursor:not-allowed}.player-seek{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.player-time{min-inline-size:38px;font-size:.8125rem;font-variant-numeric:tabular-nums;color:#fffc;text-align:center}.player-seek input[type=range]{appearance:none;inline-size:100%;block-size:28px;margin:0;background:transparent;cursor:pointer}.player-seek input[type=range]::-webkit-slider-runnable-track{block-size:6px;border-radius:999px;background:linear-gradient(to right,var(--marker) var(--played, 0%),rgb(255 255 255 / .24) var(--played, 0%))}.player-seek input[type=range]::-moz-range-track{block-size:6px;border-radius:999px;background:#ffffff3d}.player-seek input[type=range]::-moz-range-progress{block-size:6px;border-radius:999px;background:var(--marker)}.player-seek input[type=range]::-webkit-slider-thumb{appearance:none;inline-size:18px;block-size:18px;margin-block-start:-6px;border-radius:50%;background:var(--marker);border:3px solid var(--ink);box-shadow:0 0 0 1px var(--marker)}.player-seek input[type=range]::-moz-range-thumb{inline-size:14px;block-size:14px;border-radius:50%;background:var(--marker);border:3px solid var(--ink)}.player-seek input[type=range]:focus-visible{outline:2px solid var(--marker);outline-offset:2px}.player-controls{display:grid;grid-template-columns:1fr auto auto auto 1fr;align-items:center;gap:clamp(6px,3vw,18px)}.player-button{display:grid;place-items:center;inline-size:48px;block-size:48px;border-radius:50%;color:#fff}@media(hover:hover){.player-button:hover{background:#ffffff1f}}.player-button:disabled,.player-play:disabled{opacity:.35;cursor:not-allowed}.player-controls>.player-button:last-child{justify-self:end}.player :focus-visible{outline-color:var(--marker)}.player-play{position:relative;display:grid;place-items:center;inline-size:56px;block-size:56px;border-radius:50%;background:var(--marker);color:var(--ink)}.player-play:hover{background:#fff}.player-play.is-loading:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2.5px solid transparent;border-block-start-color:var(--marker);animation:spin .8s linear infinite}.player-speed{justify-self:start}.player-speed select{appearance:none;min-inline-size:64px;min-block-size:40px;padding-inline:12px;border:1.5px solid rgb(255 255 255 / .35);border-radius:999px;background:transparent;color:#fff;font-size:.9375rem;font-weight:550;text-align:center;text-align-last:center;cursor:pointer}.player-speed option{color:var(--ink);background:#fff}.player-error{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 14px;min-block-size:28px;font-size:.9375rem}.player-retry{min-block-size:36px;padding-inline:14px;border-radius:999px;background:var(--marker);color:var(--ink);font-weight:550}@media(min-width:760px){.player-inner{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:28px}.player-parts{grid-column:1 / -1}.player-controls{grid-row:2;grid-column:1;grid-template-columns:repeat(5,auto);gap:10px}.player-seek,.player-error{grid-row:2;grid-column:2}.player-speed{order:5}.player-play{inline-size:56px;block-size:56px}}