: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;--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:.65rem 0;position:sticky;top:0}.app-topbar__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;width:min(1040px,100% - 2rem);margin:0 auto;display:flex}.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__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__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(920px,100% - 2.5rem);margin:0 auto;padding:1.5rem 0 2.25rem}.page--narrow{width:min(680px,100% - 2.5rem)}.surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;padding:1.25rem;font-size:1.03rem;box-shadow:0 8px 20px #1f2a370b}.surface+.surface{margin-top:.9rem}.page-header{margin-bottom:1.05rem}.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 .3rem}.page-header h1{letter-spacing:-.015em;margin:0;font-size:clamp(1.42rem,2.3vw,1.82rem);line-height:1.17}.bootstrap-language-prompt{flex-direction:column;align-items:flex-start;gap:.2em;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:.6rem 0 0;font-size:1.03rem;line-height:1.5}.button-row{flex-wrap:wrap;gap:.65rem;margin-top:1rem;display:flex}.button,.button-secondary,.option-button{border:1px solid #0000;border-radius:14px;min-height:2.75rem;padding:.78rem 1rem;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)}.app-topbar .button-secondary{background:var(--color-surface);min-height:2.4rem;box-shadow:none;border-radius:999px;padding:.58rem .95rem}.option-grid{gap:.85rem;display:grid}.language-pair-selection__note{max-width:58ch;margin:.9rem 0 1rem}.option-card,.info-grid,.summary-list,.exercise-options{gap:.75rem;display:grid}.option-card{border:1px solid var(--color-border);background:var(--color-surface-muted);border-radius:16px;padding:1rem}.session-guidance{border:1px solid var(--color-border);background:#f9fbfd;border-radius:16px;margin-top:1rem;padding:1rem}.option-card__title{margin:0 0 .3rem;font-size:1.08rem}.option-card__description{color:var(--color-muted);margin:0;font-size:1.05rem}.status-pill-row{flex-wrap:wrap;gap:.5rem;margin-top:.85rem;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.08rem}.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(130px,1fr));gap:.65rem}.info-card{border:1px solid var(--color-border);background:#f9fbfd;border-radius:14px;padding:.72rem .8rem}.info-card strong{color:var(--color-muted);margin-bottom:.28rem;display:block}.info-card span{color:var(--color-text);font-size:1.04rem;font-weight:550;line-height:1.32;display:block}.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}.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.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:.9rem;display:flex}.exercise-progress strong{color:var(--color-text);font-size:.98rem}.exercise-page__intro{margin-top:.72rem;padding:1.05rem 1.1rem}.exercise-page__intro .page-header{margin-bottom:.38rem}.exercise-page__intro .page-header p{margin-top:.58rem}.exercise-page__flow-note{margin:0;font-size:1.03rem;line-height:1.42}.exercise-card{margin-top:.72rem;padding:.95rem 1rem}.exercise-card__note{margin:0 0 .14rem;line-height:1.35}.exercise-card .exercise-options{gap:.45rem}.exercise-page__actions{align-content:start;gap:.46rem;margin-top:.56rem;padding:.72rem 1rem;display:grid}.exercise-page__action-main{justify-items:start;gap:.42rem;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.48rem;padding:.66rem .94rem}.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:.9rem;display:flex}.status-note{border:1px solid #0000;border-radius:12px;margin-top:.9rem;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,920px);padding-top:1rem;padding-bottom:1.5rem}.surface{border-radius:16px;padding:1rem}}