:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1f2a37;--color-bg:#f4f7fa;--color-surface:#fff;--color-surface-muted:#f7f9fc;--color-text:#1f2a37;--color-muted:#5f6c7b;--color-border:#d7e0e8;--color-primary:#2f5d86;--color-primary-strong:#244a6b;--color-primary-soft:#eaf1f7;--color-accent:#8d3140;--color-accent-soft:#f8ecef;--color-success:#1f6a4f;--color-success-soft:#ecf6f1;--layout-page-width:980px;--layout-page-width-narrow:720px;--layout-page-width-wide:1080px;--layout-page-gutter:2.5rem;--shadow-soft:0 10px 28px #1f2a370f;--font-size-ui-nav:.98rem;--font-size-ui-label:.9rem;--line-height-ui-compact:1.2;--letter-spacing-ui-label:.035em;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f4f7fa;font-family:Aptos,Segoe UI,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--color-bg);color:var(--color-text);margin:0}button,a,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}h1,h2,h3{color:var(--color-text);margin:0;line-height:1.18}p{margin-top:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-shell--bootstrap{justify-content:center}.app-topbar{border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#f4f7faf0;padding:.55rem 0;position:sticky;top:0}.app-topbar--language-pairs{padding:.28rem 0}.app-topbar__inner{width:min(var(--layout-page-width-wide), calc(100% - 2rem));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem .9rem;margin:0 auto;display:flex}.app-topbar--language-pairs .app-topbar__inner{gap:.34rem .78rem}.app-topbar__brand{min-width:0}.app-link,.app-topbar .button-secondary{font-size:var(--font-size-ui-nav);line-height:var(--line-height-ui-compact)}.app-topbar__title{font-size:1.02rem;line-height:var(--line-height-ui-compact);color:var(--color-text);letter-spacing:0;font-weight:700}.app-topbar--language-pairs .app-topbar__title{font-size:.98rem}.app-topbar__pill{font-size:.92rem;line-height:var(--line-height-ui-compact)}.app-topbar__meta,.app-topbar__links{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.app-topbar--language-pairs .app-topbar__meta,.app-topbar--language-pairs .app-topbar__links{gap:.42rem}.app-topbar__links{margin-left:auto}.app-topbar__pill{border:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-muted);border-radius:999px;padding:.26rem .72rem;font-weight:600}.app-link{color:var(--color-primary);font-weight:600}.app-link:hover{color:var(--color-primary-strong)}.app-link--subtle{color:var(--color-muted);font-weight:500}.page{width:min(var(--layout-page-width), calc(100% - var(--layout-page-gutter)));margin:0 auto;padding:1.15rem 0 1.85rem}.page--narrow{width:min(var(--layout-page-width-narrow), calc(100% - var(--layout-page-gutter)))}.surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:1.05rem 1.1rem;font-size:1.02rem;box-shadow:0 8px 20px #1f2a370b}.surface+.surface{margin-top:.8rem}.page-header{margin-bottom:.72rem}.page-header__eyebrow,.info-card strong,.meta-label{font-size:var(--font-size-ui-label);line-height:var(--line-height-ui-compact);letter-spacing:var(--letter-spacing-ui-label);text-transform:uppercase;font-weight:700}.page-header__eyebrow{color:var(--color-primary);margin:0 0 .18rem}.page-header h1{letter-spacing:-.015em;margin:0;font-size:clamp(1.42rem,2.3vw,1.82rem);line-height:1.14}.bootstrap-language-prompt{flex-direction:column;align-items:flex-start;gap:.2em;margin:1rem 0 0;font-size:1.02rem;font-weight:600;line-height:1.28;display:flex}.bootstrap-language-prompt__primary,.bootstrap-language-prompt__secondary{font-size:1em;font-weight:600;line-height:inherit;display:block}.page-header p{color:var(--color-muted);max-width:62ch;margin:.38rem 0 0;font-size:1rem;line-height:1.46}.button-row{flex-wrap:wrap;gap:.6rem;margin-top:.85rem;display:flex}.button,.button-secondary,.option-button{border:1px solid #0000;border-radius:14px;min-height:2.65rem;padding:.72rem .96rem;transition:transform .14s,box-shadow .14s,background .14s,border-color .14s}.button,.button-secondary{justify-content:center;align-items:center;font-weight:600;display:inline-flex}.button{background:var(--color-primary);color:#f8fbff;box-shadow:0 10px 20px #2f5d862e}.button:hover,.button-secondary:hover,.option-button:hover{transform:translateY(-1px)}.button:hover{background:var(--color-primary-strong)}.button-secondary:hover{background:var(--color-surface-muted);color:var(--color-text);border-color:var(--color-primary-soft)}.option-button:hover{background:var(--color-primary-strong);color:#f8fbff;border-color:var(--color-primary-strong)}.button:disabled,.button-secondary:disabled{cursor:not-allowed;opacity:.55;transform:none}.button-secondary{background:var(--color-surface-muted);color:var(--color-text);border-color:var(--color-border)}.speaker-button{border:1px solid var(--color-border);background:var(--color-surface-muted);width:2.7rem;min-width:2.7rem;min-height:2.7rem;color:var(--color-primary);box-shadow:none;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:transform .14s,background .14s,border-color .14s,color .14s;display:inline-flex}.speaker-button:hover:not(:disabled){background:var(--color-primary-soft);border-color:#2f5d8659;transform:translateY(-1px)}.speaker-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.speaker-button--active{background:var(--color-primary);border-color:var(--color-primary-strong);color:#f8fbff;box-shadow:0 10px 20px #2f5d862e}.speaker-button__icon{width:1.1rem;height:1.1rem}.app-topbar .button-secondary{background:var(--color-surface);min-height:2.4rem;box-shadow:none;border-radius:999px;padding:.58rem .95rem}.app-topbar--language-pairs .button-secondary{min-height:2.14rem;padding-block:.44rem}.option-grid{gap:.78rem;display:grid}.page.language-pair-selection-page{width:min(1160px,100% - 1.25rem);padding-top:.62rem;padding-bottom:1.4rem}.language-pair-selection{padding:.46rem .72rem .54rem}.language-pair-selection .page-header{margin-bottom:.26rem}.language-pair-selection .page-header p{max-width:52ch;margin-top:.18rem}.language-pair-selection__language-row{color:var(--color-muted);align-items:baseline;gap:.42rem;margin:0 0 .34rem;padding:.04rem 0;display:inline-flex}.language-pair-selection__language-row strong{color:var(--color-text);font-size:.98rem;line-height:1.2}.language-pair-selection__grid{gap:.52rem}.language-pair-card{gap:.38rem;padding:.78rem}.language-pair-selection .button-row{gap:.35rem;margin-top:.34rem}.language-pair-selection .button,.language-pair-selection .button-secondary{min-height:2.2rem;padding:.45rem .78rem}.language-pair-selection .option-card__title{margin-bottom:.14rem;font-size:1.01rem}.language-pair-selection .option-card__description{font-size:.96rem;line-height:1.3}.learner-path-page{width:min(940px,100% - 2.25rem);padding-top:.95rem;padding-bottom:1.55rem}.learner-path-page .surface{border-radius:15px;padding:.94rem .98rem}.learner-path-page .surface+.surface{margin-top:.68rem}.learner-path-page .page-header{margin-bottom:.66rem}.learner-path-page .page-header__eyebrow{margin-bottom:.18rem}.learner-path-page .page-header p{max-width:56ch;margin-top:.34rem;font-size:.98rem}.learner-path-page .button-row{gap:.5rem;margin-top:.68rem}.learner-path-page .button,.learner-path-page .button-secondary{min-height:2.52rem;padding:.64rem .9rem}.learner-path-page .option-grid{gap:.64rem}.learner-path-page .option-card{padding:.82rem .86rem}.learner-path-page .option-card__description{font-size:.99rem}.learner-path-page .info-grid{grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:.45rem}.learner-path-page .info-card{border-radius:12px;padding:.5rem .62rem}.learner-path-page .info-card span{font-size:.96rem;line-height:1.25}.learner-path-callout{border:1px solid var(--color-border);background:#fbfcfe;border-radius:14px;gap:.58rem;padding:.78rem .82rem;display:grid}.learner-path-callout .page-header{margin-bottom:.55rem}.learner-path-callout .page-header h1{font-size:clamp(1.18rem,1.85vw,1.42rem);line-height:1.2}.learner-path-callout .page-header p{max-width:52ch}.course-overview-page__hero,.theme-page__hero,.recap-page__hero{gap:.72rem;display:grid}.course-overview-page{padding-top:.86rem;padding-bottom:1.42rem}.course-overview-page .surface{padding:.9rem .94rem}.course-overview-page .surface+.surface{margin-top:.6rem}.course-overview-page .page-header{margin-bottom:.56rem;padding-left:.78rem}.course-overview-page .page-header p{margin-top:.3rem}.course-overview-page__intro,.theme-page__summary,.recap-page__summary{gap:.56rem;display:grid}.course-overview-page__hero{gap:.56rem}.course-overview-page__intro{gap:.44rem}.course-overview-page__header{gap:.18rem;display:grid}.course-overview-page__header h1{letter-spacing:-.015em;margin:0;font-size:clamp(1.42rem,2.3vw,1.82rem);line-height:1.17}.course-overview-page__header p{color:var(--color-muted);max-width:62ch;margin:.3rem 0 0;font-size:1rem;line-height:1.5}.course-overview-page__meta-line{color:var(--color-muted);flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:.45rem .9rem;padding-top:.02rem;font-size:.97rem;line-height:1.3;display:flex}.course-overview-page__meta-line .meta-label{margin-right:.24rem}.course-overview-page__meta-line .course-overview-page__back-button{min-height:2.05rem;box-shadow:none;border-radius:999px;padding:.38rem .72rem;font-size:.9rem;line-height:1.2}.course-overview-page__guidance-meta{gap:.04rem;max-width:56ch;margin:0;display:grid}.course-overview-page__guidance-meta-row{color:var(--color-muted);margin:0;font-size:.96rem;line-height:1.35}.theme-page__summary .info-grid,.recap-page__summary .info-grid{max-width:430px}.course-overview-page__guidance,.theme-page__guidance,.recap-page__next-step{align-content:start}.course-overview-page__guidance{border-top:1px solid var(--color-border);background:0 0;gap:.24rem;margin-top:.08rem;padding-top:.44rem;display:grid}.course-overview-page__guidance-title{letter-spacing:-.01em;margin:0;font-size:clamp(1.14rem,1.68vw,1.34rem);line-height:1.18}.course-overview-page__guidance .button-row{margin-top:.24rem}.theme-page__course-guidance{margin-top:.72rem}.theme-page__course-guidance .learner-path-callout{background:#f9fbfd}.theme-page__course-guidance .page-header__eyebrow{color:var(--color-muted)}.theme-page__course-guidance .page-header h1{font-size:clamp(1.08rem,1.55vw,1.24rem)}.lesson-intro-page__context{margin:-.14rem 0 0;font-size:.98rem}.lesson-intro-page__meta{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.option-card,.info-grid,.summary-list,.exercise-options{gap:.68rem;display:grid}.option-card{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:16px;padding:.92rem}.language-pair-card{background:linear-gradient(#f7f9fc 0%,#fcfeff 100%);align-content:start;gap:.38rem;height:100%;padding:.78rem}.language-pair-card__title{flex-wrap:wrap;align-items:baseline;gap:.58rem;display:inline-flex}.language-pair-card__flags{align-items:center;gap:.44rem;line-height:1;display:inline-flex}.language-pair-card__flag-icon{border-radius:1px;width:1.71em;height:auto;box-shadow:0 0 0 1px #1f2a3724}.language-pair-card__next-step{color:var(--color-muted);flex-wrap:wrap;align-items:baseline;gap:.35rem;margin:.02rem 0 0;font-size:.94rem;line-height:1.22;display:flex}.language-pair-card__next-step-label{white-space:nowrap;letter-spacing:var(--letter-spacing-ui-label);text-transform:uppercase;font-weight:700}.language-pair-card__next-step-lesson{color:var(--color-text);font-weight:600}.language-pair-card__actions{margin-top:auto}.session-guidance{border:1px solid var(--color-border);background:#f9fbfd;border-radius:16px;margin-top:.85rem;padding:.92rem}.option-card__title{margin:0 0 .22rem;font-size:1.06rem}.option-card__description{color:var(--color-muted);margin:0;font-size:1.01rem}.course-overview-page .option-grid{gap:.54rem}.course-overview-page .option-card{gap:.34rem;padding:.74rem .78rem}.course-overview-page .option-card__title{margin-bottom:.12rem;font-size:1.06rem;line-height:1.24}.course-overview-page .option-card__description{margin-bottom:0;font-size:.97rem;line-height:1.28}.course-overview-page .option-card .muted{margin-bottom:0}.course-overview-page .button-row{gap:.42rem;margin-top:.2rem}.course-overview-page .button,.course-overview-page .button-secondary{min-height:2.42rem;padding:.58rem .85rem}.status-pill-row{flex-wrap:wrap;gap:.5rem;margin-top:.7rem;display:flex}.status-pill{border-radius:999px;align-items:center;padding:.3rem .72rem;font-size:.92rem;font-weight:700;line-height:1.2;display:inline-flex}.status-pill--primary{background:var(--color-primary-soft);color:var(--color-primary-strong)}.status-pill--success{background:var(--color-success-soft);color:var(--color-success)}.status-pill--subtle{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-muted)}.option-button{text-align:left;background:var(--color-surface);width:100%;color:var(--color-text);border-color:var(--color-border);box-shadow:none;font-size:1.04rem}.option-button.is-selected{border-color:var(--color-primary-strong);box-shadow:inset 0 0 0 1px var(--color-primary-strong), 0 0 0 3px #2f5d8614;background:var(--color-primary-strong);color:#f8fbff}.option-button:hover .exercise-option__label,.option-button.is-selected .exercise-option__label{color:#f8fbff}.option-button:hover .exercise-option__sublabel,.option-button.is-selected .exercise-option__sublabel{color:#f8fbffd6}.info-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.55rem}.info-card{border:1px solid var(--color-border);background:#f9fbfd;border-radius:13px;padding:.6rem .72rem}.info-card strong{color:var(--color-muted);margin-bottom:.22rem;display:block}.info-card span{color:var(--color-text);font-size:1rem;font-weight:550;line-height:1.28;display:block}.page-hero{gap:.85rem;display:grid}.page-hero__main,.page-hero__aside{align-content:start;gap:.75rem;display:grid}.page-hero__panel{border:1px solid var(--color-border);background:#f9fbfd;border-radius:15px;padding:.9rem}.page-hero__panel .page-header{margin-bottom:.72rem}.bootstrap-page .surface{padding:.95rem 1.02rem .88rem}.bootstrap-page.page--narrow{width:min(920px, calc(100% - var(--layout-page-gutter)))}.bootstrap-page{--bootstrap-copy-scale:1.2}.bootstrap-page .page-header{text-align:center;justify-items:center;margin-bottom:.58rem;display:grid}.bootstrap-page__eyebrow-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.42rem;display:inline-flex}.bootstrap-page__eyebrow-audio{flex-shrink:0}.bootstrap-page__eyebrow-row .page-header__eyebrow{font-size:calc(var(--font-size-ui-label) * var(--bootstrap-copy-scale));line-height:1.24}.bootstrap-page .page-header h1{font-size:1.36rem;line-height:1.13}.bootstrap-value-copy{text-align:center;gap:.04rem;max-width:60ch;margin:.42rem auto .6rem;display:grid}.bootstrap-value-copy__line{color:var(--color-text);margin:0;font-size:.98rem;line-height:1.24}.bootstrap-divider{border:0;border-top:1px solid var(--color-border);margin:.68rem 0 .86rem}.bootstrap-page .option-grid{gap:.56rem}.bootstrap-interface-note{gap:.03rem;margin:0 0 .46rem;display:grid}.bootstrap-interface-note__title{font-size:calc(.8rem * var(--bootstrap-copy-scale));letter-spacing:.02em;text-transform:none;color:var(--color-muted);margin:0;font-weight:650;line-height:1.24}.bootstrap-interface-note__line{font-size:calc(.88rem * var(--bootstrap-copy-scale));color:var(--color-muted);margin:0;line-height:1.24}.bootstrap-page .option-button{gap:0;padding:.62rem .86rem;display:grid;transform:none}.bootstrap-page .option-button:hover{background:var(--color-surface-muted);color:var(--color-text);border-color:#c4d0dd;transform:translateY(-1px)}.bootstrap-page .option-button.is-selected{border-color:var(--color-primary-strong);color:var(--color-text);background:linear-gradient(#2f5d8614,#2f5d860a);box-shadow:inset 0 0 0 1px #2f5d866b,0 0 0 3px #2f5d8624}.bootstrap-page .option-button:disabled{cursor:default;opacity:1}.bootstrap-language-option__title{align-items:center;gap:.5rem;width:100%;font-size:1.52rem;line-height:1.1;display:flex}.bootstrap-language-option__title strong{font-weight:700;line-height:1.06}.bootstrap-language-option__marker-row{order:-1;justify-content:center;align-items:center;min-width:2.2em;display:inline-flex}.bootstrap-language-option__marker{flex:none;justify-content:center;align-items:center;width:1.98em;height:1.22em;display:inline-flex}.bootstrap-language-option__icon{object-fit:contain;border-radius:1px;width:100%;height:100%;box-shadow:0 0 0 1px #1f2a3724}.bootstrap-language-option__check{min-width:.62em;color:var(--color-primary-strong);text-align:left;margin-left:auto;font-size:.5em;font-weight:700;line-height:1}.lesson-intro-page .info-grid{grid-template-columns:repeat(auto-fit,minmax(108px,1fr))}.lesson-intro-page .button-row{margin-top:.6rem}.meta-label{color:var(--color-muted);margin-bottom:.4rem;display:block}.plain-list,.summary-list{margin:0;padding-left:1.1rem}.plain-list li+li,.summary-list li+li{margin-top:.45rem}.plain-list li,.summary-list li{line-height:1.55}.inline-audio-row{flex-wrap:wrap;align-items:center;gap:.42rem;margin-right:.2rem;display:inline-flex}.exercise-prompt{margin:0 0 .22rem;font-size:clamp(1.35rem,2.4vw,1.75rem);line-height:1.2}.exercise-note,.muted{color:var(--color-muted);font-size:.99rem}.exercise-option{border-radius:14px;padding:.64rem .85rem}.exercise-option-row{align-items:stretch;gap:.55rem;display:flex}.exercise-option-row .exercise-option{flex:auto;width:auto}.exercise-option__audio{flex:none;align-self:center}.exercise-option.is-correct{border-color:var(--color-success);background:var(--color-success-soft);box-shadow:inset 0 0 0 1px #1f6a4f29}.exercise-option.is-correct .exercise-option__label{color:var(--color-text)}.exercise-option.is-correct .exercise-option__sublabel{color:var(--color-success)}.exercise-option.is-incorrect{border-color:var(--color-accent);background:var(--color-accent-soft);box-shadow:inset 0 0 0 1px #8d314029}.exercise-option.is-incorrect .exercise-option__label{color:var(--color-text)}.exercise-option.is-incorrect .exercise-option__sublabel{color:var(--color-accent)}.exercise-option__label{font-size:1.08rem;font-weight:600}.exercise-option__sublabel{color:var(--color-muted);overflow-wrap:normal;word-break:normal;margin-top:.06rem;font-size:1rem;line-height:1.28}.exercise-progress{justify-content:space-between;align-items:center;gap:.75rem;padding-block:.78rem;display:flex}.exercise-progress strong{color:var(--color-text);font-size:.98rem}.exercise-page__intro{margin-top:.6rem;padding:.96rem 1rem}.exercise-page__intro .page-header{margin-bottom:.34rem}.exercise-page__intro .page-header p{margin-top:.48rem}.exercise-page__flow-note{margin:0;font-size:1rem;line-height:1.42}.exercise-card{margin-top:.6rem;padding:.9rem .96rem}.exercise-card__note{margin:0 0 .14rem;line-height:1.35}.exercise-card .exercise-options{gap:.42rem}.exercise-page__actions{align-content:start;gap:.4rem;margin-top:.5rem;padding:.68rem .92rem;display:grid}.exercise-page__action-main{justify-items:start;gap:.38rem;width:100%;display:grid}.exercise-page__checkbox-row{margin-top:0;line-height:1.25}.exercise-page__actions-row{align-items:center;gap:.5rem;margin-top:0}.exercise-page__exit-row{justify-content:flex-end;width:100%;margin-top:.18rem}.exercise-page__actions .button,.exercise-page__actions .button-secondary{min-height:2.4rem;padding:.62rem .9rem}.exercise-page__actions .status-note{margin-top:0}@media (width<=640px){.exercise-page__action-main{justify-items:stretch}}.checkbox-row{align-items:center;gap:.55rem;margin-top:.75rem;display:flex}.status-note{border:1px solid #0000;border-radius:12px;margin-top:.75rem;padding:.75rem .85rem;font-size:.97rem}.status-note--success{background:var(--color-success-soft);color:var(--color-success);border-color:#1f6a4f2e}.status-note--warning{background:var(--color-accent-soft);color:var(--color-accent);border-color:#8d31402e}.code-block{color:#f0f4f8;background:#1f2933;border-radius:14px;margin:0;padding:.95rem 1rem;font-size:.92rem;overflow-x:auto}@media (width<=640px){.app-topbar__inner{flex-direction:column;align-items:flex-start}.app-topbar__links{margin-left:0}.page{width:min(100% - 1rem, var(--layout-page-width));padding-top:1rem;padding-bottom:1.5rem}.page.language-pair-selection-page{width:min(100% - 1rem, var(--layout-page-width-wide))}.learner-path-page{width:min(100% - 1rem,940px);padding-top:.92rem;padding-bottom:1.35rem}.surface{border-radius:16px;padding:1rem}}@media (width>=900px){.language-pair-selection__intro{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:stretch}.language-pair-selection__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=980px){.page-hero{grid-template-columns:minmax(0,1.18fr) minmax(280px,.92fr);align-items:start}}