:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f1ea;--ink:#1c1a16;--accent:#0f5c4c;--accent-ink:#fff;--card:#fff;--focus:#0b3d8c;--danger:#8a1f1f;font-family:Segoe UI,Noto Naskh Arabic,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--ink);margin:0}button,input,textarea{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.app-shell{max-width:1100px;margin:0 auto;padding:1rem}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.app-header__nav{flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;display:flex}.app-header__tools{flex-wrap:nowrap;flex:none;align-items:center;gap:.35rem;display:flex}.app-header__module{margin:0;font-weight:700}.language-selector{flex-wrap:nowrap;gap:.25rem;display:flex}.language-selector__option,.choice,.button-primary,.button-secondary,.icon-button{border:2px solid var(--accent);background:var(--card);min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;border-radius:.5rem;padding:.5rem .9rem}.icon-button{place-items:center;padding:.4rem;display:inline-grid}.icon-button:hover{background:#dcece6}.icon-button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.icon-button .icon{width:20px;height:20px}.button-primary{background:var(--accent);color:var(--accent-ink);justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.button-secondary{background:var(--card);justify-content:center;align-items:center;gap:.4rem;display:inline-flex}.language-selector__option{letter-spacing:.02em;min-width:44px;padding:.35rem .4rem;font-weight:700}.language-selector__option[aria-pressed=true],.choice[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.screen{background:var(--card);border-radius:.75rem;gap:1rem;margin-top:1rem;padding:1rem;display:grid}.entry-screen{gap:.65rem}.entry-screen h1,.entry-screen .tagline{margin:0}.entry-screen .tagline{margin-bottom:.15rem}.entry-scene{display:none}@media (width>=900px){.entry-scene{max-width:16rem;display:block}}.choice-group{gap:.45rem;display:grid}.choice-group__legend{margin:0;font-weight:700}.choice-cards{gap:.65rem;display:grid}.choice-cards--levels,.choice-cards--modes{grid-template-columns:1fr}@media (width>=700px){.choice-cards--modes{grid-template-columns:1fr 1fr}}@media (width>=900px){.choice-cards--levels{grid-template-columns:1fr 1fr 1fr}}.choice-card{background:var(--card);min-width:44px;min-height:44px;color:var(--ink);text-align:start;cursor:pointer;border:2px solid #c4b8a1;border-radius:.75rem;grid-template-columns:1fr auto;align-items:start;gap:.5rem .75rem;padding:.75rem .9rem;display:grid}.choice-card[aria-checked=true]{border-color:var(--accent);background:#e7f0ea;border-width:3px}.choice-card:disabled{opacity:.55;cursor:not-allowed}.choice-card__body{gap:.2rem;display:grid}.choice-card__title,.choice-card__desc,.choice-card__hint{display:block}.choice-card__check{width:1.25rem;height:1.25rem;color:var(--accent);visibility:hidden}.choice-card[aria-checked=true] .choice-card__check{visibility:visible}.home-dashboard__continue{justify-self:start}.activity-cards{gap:.75rem;display:grid}@media (width>=900px){.activity-cards{grid-template-columns:1fr 1fr 1fr}}.activity-card{background:var(--card);border:2px solid #c4b8a1;border-radius:.75rem;gap:.45rem;min-height:44px;padding:.85rem .95rem;display:grid}.activity-card--current{border-color:var(--accent);background:#e7f0ea;border-width:3px;box-shadow:inset 0 0 0 2px #d7e8de}.activity-card__header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.activity-card__title{margin:0;font-size:1.1rem}.activity-card__badge{color:var(--accent);place-items:center;display:inline-grid}.activity-card__desc,.activity-card__status{margin:0}.activity-card__status{font-weight:700}.activity-card__actions{flex-wrap:wrap;gap:.5rem;display:flex}.button-primary:disabled{opacity:.45;cursor:not-allowed}.two-panel{gap:1rem;display:grid}@media (width>=900px){.two-panel{grid-template-columns:1fr 1fr;align-items:start}}.choice-set,.help-row,.recorder,.model-player{gap:.5rem;display:grid}.help-row{grid-auto-flow:row}@media (width>=700px){.help-row{grid-auto-flow:column;justify-content:start}}.field{gap:.35rem;display:grid}.field input,.field textarea{border:1px solid #b7b1a4;border-radius:.4rem;width:100%;padding:.6rem}.english-snippet{unicode-bidi:isolate}.hint,.session-note,.milestone-note{color:#4a453c}.provider-status{gap:.75rem;display:grid}.provider-status__actions{flex-wrap:wrap;gap:.5rem;display:flex}.objective-chip{background:var(--card);border-radius:.75rem;margin:1rem 0 0;padding:.75rem 1rem}.reward{font-size:1.4rem;font-weight:700}.recording-indicator{font-weight:700}.consent-notice{background:#f6f1e7;border:1px solid #b7b1a4;border-radius:.5rem;gap:.75rem;padding-block:.75rem;padding-inline:.85rem;display:grid}.consent-notice p{margin:0}.compare-grid{gap:1rem;display:grid}@media (width>=700px){.compare-grid{grid-template-columns:1fr 1fr}}.progress-meter{flex:1;gap:.25rem;min-width:10rem;display:grid}.progress-meter__text{font-size:.9rem}.progress-meter__bar{width:100%;height:.55rem;accent-color:var(--accent)}.icon{display:block}[dir=rtl] .icon-dir{transform:scaleX(-1)}.scenario-scene{margin:0}.scenario-scene__art{object-fit:contain;border-radius:.5rem;width:100%;height:auto}.scenario-scene figcaption{gap:.15rem;margin-top:.5rem;display:grid}.dialog-backdrop{z-index:20;background:#1c1a1673;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog{background:var(--card);border-radius:.75rem;gap:.75rem;width:min(24rem,100%);max-width:24rem;padding:1.25rem;display:grid}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.drawer{background:var(--card);z-index:21;align-content:start;gap:.75rem;width:min(22rem,100%);padding:1rem;display:grid;position:fixed;top:0;bottom:0;overflow:auto;box-shadow:0 0 24px #1c1a1633}[dir=ltr] .drawer{right:0}[dir=rtl] .drawer{left:0}.drawer-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.overflow-menu{position:relative}.overflow-menu__panel{top:calc(100% + .35rem);background:var(--card);border:2px solid var(--accent);z-index:10;border-radius:.5rem;min-width:12rem;padding:.5rem;position:absolute;inset-inline-end:0}.compare-card{border:1px solid #d7d1c4;border-radius:.5rem;gap:.5rem;padding:.75rem;display:grid}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}