.shell.lesson-game-shell{--lesson-inline:clamp(12px, 4vw, 16px);width:min(100%,480px);height:var(--tg-viewport-height,100dvh);min-height:0;padding:max(8px, env(safe-area-inset-top), var(--tg-safe-top,0px)) var(--lesson-inline) 0;flex-direction:column;align-items:stretch;display:flex;overflow:hidden}.game-topbar{flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:28px;padding:0 2px 7px;display:flex}.game-exit{color:#315f3e;background:0 0;border:0;padding:0;font-size:11px;font-weight:800}.save-indicator{color:#78827b;align-items:center;gap:4px;font-size:9px;font-weight:700;display:inline-flex}.save-indicator--saved{color:#3b8050}.save-indicator--error{color:#a05a45}.mission-progress{z-index:6;background:#edf0ea;flex:none;margin:0 0 10px;padding:5px 2px 9px;position:relative}.mission-progress>div:first-child{color:#59665e;justify-content:space-between;margin-bottom:7px;display:flex}.mission-progress span{letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:850}.mission-progress small{font-size:9px}.mission-progress__track{background:#d7dfd5;border-radius:99px;height:7px;overflow:hidden}.mission-progress__track span{border-radius:inherit;background:linear-gradient(90deg,#48a563,#90c85f);height:100%;transition:width .3s;display:block}.scene-wrap{scroll-behavior:smooth;overscroll-behavior:contain;flex:auto;min-height:0;padding:0 1px 14px;scroll-padding-block:8px 16px;animation:.28s both scene-in;overflow:hidden auto}@keyframes scene-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.scene-card{background:#fff;border:1px solid #d8dfd6;border-radius:26px;padding:24px 21px;box-shadow:0 16px 38px #21362714}.scene-card h1{color:#17261c;letter-spacing:-.025em;margin:7px 0 13px;font-size:clamp(25px,7vw,34px);line-height:1.08}.scene-card h2{margin:22px 0 11px;font-size:17px}.scene-kicker{color:#34754a;letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:9px;font-weight:900}.scene-lead{color:#425148;margin:0;font-size:15px;line-height:1.64}.scene-text{color:#536159;margin:15px 0 0;font-size:13px;line-height:1.6}.scene-subtitle{color:#748078;margin:0 0 17px;font-size:12px;line-height:1.52}.scene-emoji{background:linear-gradient(145deg,#e5f4e4,#f3f7e8);border-radius:23px;place-items:center;width:70px;height:70px;margin-bottom:20px;font-size:36px;display:grid;box-shadow:inset 0 0 0 1px #d4e6d3}.scene-card--hero{background:linear-gradient(160deg,#fff 55%,#edf6e8);padding-top:29px}.calm-note,.remember-line,.case-plan,.mission-brief{background:#eff5ed;border-radius:15px;grid-template-columns:30px 1fr;align-items:start;gap:10px;margin-top:19px;padding:13px;display:grid}.calm-note>span,.remember-line>span,.case-plan>span,.mission-brief>span{background:#dfeede;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.calm-note p,.remember-line p,.case-plan p,.mission-brief p{color:#56645b;margin:1px 0 0;font-size:11px;line-height:1.5}.resume-note{color:#3e754d;text-align:center;border:1px dashed #80ad89;border-radius:12px;margin-top:15px;padding:10px 12px;font-size:10px;font-weight:750}.goal-card,.reward-card,.takeaway-card,.bridge-card,.example-card,.thinking-card,.method-action,.method-why{border-radius:16px;gap:7px;margin-top:15px;padding:15px;display:grid}.goal-card{color:#f6fff6;background:#193523}.goal-card small,.reward-card small,.takeaway-card small,.bridge-card small,.example-card small,.thinking-card small,.method-action small,.method-why small,.practice-situation small,.practice-task small,.model-answer small,.mastery-card small{letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:850}.goal-card strong{font-size:14px;line-height:1.5}.mission-brief h3{margin:0 0 4px;font-size:13px}.reward-card{color:#466132;background:#f3f8e9;border:1px solid #d6e8c6}.reward-card strong,.takeaway-card strong{font-size:12px;line-height:1.5}.application-tags{flex-wrap:wrap;gap:7px;margin-top:15px;display:flex}.application-tags span{color:#637068;background:#fafbf9;border:1px solid #dce4d9;border-radius:999px;padding:7px 9px;font-size:9px}.scene-card--analogy{background:linear-gradient(150deg,#fffdf5,#fff)}.analogy-visual{background:#fff8d9;border:2px dashed #e3c875;border-radius:50%;place-items:center;width:86px;height:86px;margin:19px auto;font-size:38px;display:grid}.bridge-card{background:#edf5ee;border-left:4px solid #63a373}.bridge-card p,.example-card p,.thinking-card p,.method-action p,.method-why p{color:#4d5d53;margin:0;font-size:12px;line-height:1.58}.scene-card--product{color:#f4fbf5;background:linear-gradient(155deg,#142b1d,#294b34);overflow:hidden}.scene-card--product h1{color:#fff}.scene-card--product .scene-kicker{color:#91dfa6}.scene-card--product .scene-text{color:#dbe8dd}.product-walkthrough{gap:10px;margin:19px 0 0;padding:0;list-style:none;display:grid}.product-walkthrough li{grid-template-columns:29px 1fr;align-items:start;gap:10px;display:grid}.product-walkthrough li>span{color:#a4e3b4;background:#91dfa629;border-radius:9px;place-items:center;width:27px;height:27px;font-size:10px;font-weight:900;display:grid}.product-walkthrough p{color:#e2ece4;margin:3px 0 0;font-size:11px;line-height:1.5}.takeaway-card{color:#f2fbf3;background:#ffffff1a}.takeaway-card small{color:#a7dcb3}.disclaimer{color:#9fb2a4;margin:15px 0 0;font-size:8px;line-height:1.4}.pulse-options,.final-options{gap:9px;display:grid}.pulse-option,.final-options button{color:#3e4d43;text-align:left;background:#fbfcfa;border:1px solid #dfe5dc;border-radius:14px;grid-template-columns:31px 1fr;align-items:center;gap:10px;width:100%;padding:13px;font-size:11px;line-height:1.42;display:grid}.pulse-option>span,.final-options button>span{color:#647068;background:#e8ede6;border-radius:9px;place-items:center;width:29px;height:29px;font-size:10px;font-weight:900;display:grid}.pulse-option.is-correct{background:#eff8f0;border-color:#7bbc8b}.pulse-option.is-wrong{background:#fff6ef;border-color:#dfb79e}.pulse-feedback,.final-feedback{color:#6b5130;background:#fff2df;border-radius:15px;margin-top:14px;padding:14px}.pulse-feedback.is-correct,.final-feedback.is-success{color:#2c6840;background:#e9f6eb}.pulse-feedback strong,.final-feedback strong{font-size:12px}.pulse-feedback p,.final-feedback p{margin:6px 0 0;font-size:11px;line-height:1.5}.scene-number{color:#2f7744;background:#dff0e1;border-radius:16px;place-items:center;width:50px;height:50px;margin:19px 0;font-size:22px;font-weight:950;display:grid}.example-card{background:#f6f9f3;border:1px solid #dce7d8}.example-card small,.thinking-card small{color:#39734b}.method-step{align-items:center;gap:9px;margin:19px 0;display:flex}.method-step>span{color:#fff;background:#193523;border-radius:50%;place-items:center;width:52px;height:52px;font-size:21px;font-weight:900;display:grid;box-shadow:0 0 0 7px #e1eee2}.method-step small{color:#68816e;text-transform:uppercase;font-size:10px;font-weight:800}.method-action{background:#eef5ed}.method-why{background:#fff;border:1px solid #e2e6df}.micro-action{color:#617067;border:1px dashed #c8d9c5;border-radius:13px;margin-top:15px;padding:12px;font-size:10px;line-height:1.5}.game-template{color:#e8f5ea;white-space:pre-wrap;overflow-wrap:anywhere;background:#193523;border-radius:15px;margin:17px 0;padding:15px;font:10px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-x:auto}.template-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.template-actions button{min-height:45px;padding:9px;font-size:10px}.term-chips{flex-wrap:wrap;gap:9px;display:flex}.term-chips button{color:#3e5a46;background:#f7f9f5;border:1px solid #d6dfd3;border-radius:12px;padding:10px 12px;font-size:11px;font-weight:750}.term-chips button.is-open{color:#2d6d40;background:#e7f2e8;border-color:#4c9660}.term-definition{color:#f5fbf6;background:#193523;border-radius:16px;margin-top:15px;padding:16px}.term-definition strong{color:#99dda9;font-size:14px}.term-definition p{margin:7px 0 0;font-size:11px;line-height:1.55}.scene-card--case{background:linear-gradient(160deg,#fff,#f1f6ee)}.case-step-icon{background:#e6f0e2;border-radius:17px;place-items:center;width:54px;height:54px;margin:18px 0;font-size:25px;display:grid}.thinking-card{background:#f5f7f2;border-left:3px solid #6fa47b}.finished-result,.model-answer{color:#304d38;background:#eaf5ec;border:1px solid #b9d8c0;border-radius:17px;margin-top:15px;padding:17px;font-size:12px;line-height:1.65}.friendly-checklist{gap:9px;margin:0;padding:0;list-style:none;display:grid}.friendly-checklist li{color:#4c5b51;padding-left:26px;font-size:11px;line-height:1.48;position:relative}.friendly-checklist li:before{content:"✓";color:#3c8b52;font-weight:900;position:absolute;left:0}.warning-card{color:#6c5534;background:#fff5e7;border-radius:15px;margin-top:17px;padding:14px}.warning-card strong{text-transform:uppercase;font-size:10px}.warning-card p{margin:6px 0 0;font-size:11px;line-height:1.5}.practice-situation,.practice-task{border-radius:15px;margin-top:14px;padding:14px}.practice-situation{background:#f1f5ef}.practice-task{color:#f5fbf6;background:#193523}.practice-situation p,.practice-task p{margin:6px 0 0;font-size:11px;line-height:1.55}.game-textarea{box-sizing:border-box;resize:vertical;color:#233228;background:#fcfdfb;border:1px solid #c9d4c8;border-radius:16px;outline:0;width:100%;margin-top:14px;padding:15px;font:12px/1.55 inherit}.game-textarea:focus{border-color:#4d9662;box-shadow:0 0 0 3px #4d96621f}.draft-meta{color:#89938c;justify-content:space-between;margin:7px 2px 12px;font-size:8px;display:flex}.friendly-hint{color:#526158;background:#f4f6f1;border-radius:13px;padding:12px}.friendly-hint summary{cursor:pointer;font-size:10px;font-weight:800}.friendly-hint p{margin:8px 0 0;font-size:10px;line-height:1.5}.insert-template{width:100%;margin-top:10px}.model-answer small{color:#39754a}.model-answer p{margin:7px 0 0}.game-rubric{gap:8px;display:grid}.game-rubric label{cursor:pointer;border:1px solid #dde4da;border-radius:13px;grid-template-columns:23px 1fr;align-items:start;gap:9px;padding:12px;display:grid}.game-rubric input{accent-color:#438e58;width:17px;height:17px;margin:0}.game-rubric span{color:#4e5d53;font-size:10px;line-height:1.45}.rubric-result{color:#69766e;margin-top:12px;font-size:10px}.scene-card--final{background:linear-gradient(160deg,#fff,#f7faef)}.final-options button.is-selected{background:#ecf6ed;border-color:#4d9662;box-shadow:0 0 0 2px #4d96621a}.mastery-card{color:#fff;background:linear-gradient(145deg,#193523,#31583b);border-radius:17px;gap:7px;margin-top:15px;padding:17px;display:grid}.mastery-card small{color:#9bd9a9}.mastery-card strong{font-size:13px;line-height:1.5}.mastery-card span{color:#c1d7c6;font-size:9px}.final-action{width:100%;margin-top:14px}.game-navigation{z-index:7;margin:0 calc(var(--lesson-inline) * -1);padding:10px var(--lesson-inline) max(10px, env(safe-area-inset-bottom), var(--tg-safe-bottom,0px));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f6f1fa;border-top:1px solid #cad3c9cc;flex:none;grid-template-columns:minmax(90px,.7fr) 1.4fr;gap:9px;display:grid;position:relative;box-shadow:0 -8px 24px #27372c12}.game-navigation button{min-height:46px;padding-inline:10px;font-size:11px}@media (min-width:560px){.scene-card{padding:31px}.application-tags span{font-size:10px}}@media (max-height:680px){.shell.lesson-game-shell{padding-top:max(5px, env(safe-area-inset-top), var(--tg-safe-top,0px))}.game-topbar{min-height:24px;padding-bottom:4px}.mission-progress{margin-bottom:7px;padding-block:3px 7px}.mission-progress>div:first-child{margin-bottom:5px}.scene-card{border-radius:21px;padding:18px 16px}.scene-card h1{margin-block:5px 10px;font-size:clamp(22px,6.5vw,29px)}.game-navigation{padding-top:8px}.game-navigation button{min-height:43px}}@media (max-width:350px){.game-topbar{gap:7px}.game-exit{font-size:10px}.save-indicator{font-size:8px}.game-navigation{grid-template-columns:minmax(78px,.65fr) 1.35fr;gap:7px}}@media (prefers-reduced-motion:reduce){.scene-wrap{animation:none}.mission-progress__track span{transition:none}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#162018;font-synthesis:none;text-rendering:optimizelegibility;background:#edf0ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:#edf0ea;min-width:320px;min-height:100svh;margin:0}button,input,textarea{font:inherit}.shell{width:min(100%,480px);min-height:100vh;padding:max(20px, env(safe-area-inset-top)) 16px max(28px, env(safe-area-inset-bottom));margin:0 auto}.shell:not(.shell--dashboard):not(.lesson-game-shell){place-items:center;display:grid}.shell--dashboard{flex-direction:column;gap:14px;display:flex}.loading{color:#516055;font-size:14px}.panel,.grade-card,.radar-card,.competency-list,.diagnostic-invite,.diagnostic-summary,.question-card,.learning-path,.lesson-hero,.lesson-section,.lesson-example,.lesson-checklist,.lesson-checkpoint{background:#fff;border:1px solid #d8ded5;border-radius:22px;box-shadow:0 10px 30px #2230260d}.panel{width:100%;padding:24px}.panel h1{margin:6px 0 12px;font-size:26px;line-height:1.12}.panel p{margin:0;line-height:1.5}.welcome-shell{align-content:center}.welcome-card{background:linear-gradient(155deg,#fff 0%,#f4f8f2 100%);border:1px solid #d2dbd0;border-radius:28px;width:100%;padding:30px 24px;box-shadow:0 18px 50px #1e37251c}.welcome-card__mark{color:#8fe0a7;background:#1d3525;border-radius:16px;place-items:center;width:48px;height:48px;margin-bottom:24px;font-size:22px;font-weight:850;display:grid}.welcome-card h1{margin:8px 0 12px;font-size:30px;line-height:1.08}.welcome-card__lead{color:#5b675e;margin:0;font-size:14px;line-height:1.55}.welcome-card__facts{gap:9px;margin:22px 0;padding:0;list-style:none;display:grid}.welcome-card__facts li{color:#34443a;padding-left:24px;font-size:13px;position:relative}.welcome-card__facts li:before{content:"✓";color:#388252;font-weight:850;position:absolute;left:0}.welcome-card__actions{gap:10px;display:grid}.welcome-card__actions .secondary-button{width:100%}.welcome-card__note{color:#849087;text-align:center;margin:14px 0 0;font-size:11px}.welcome-card .action-error{margin-top:12px}.topbar{justify-content:space-between;align-items:center;padding:4px 2px;display:flex}.topbar h1{margin:3px 0 0;font-size:20px;line-height:1.2}.eyebrow{color:#39744d;letter-spacing:.12em;margin:0;font-size:11px;font-weight:750}.xp-pill{color:#f7fbf6;background:#18271d;border-radius:14px;align-items:baseline;gap:7px;padding:9px 12px;font-weight:800;display:flex}.xp-pill span{color:#86d69d;letter-spacing:.08em;font-size:10px}.grade-card{color:#f4f8f3;background:linear-gradient(145deg,#1c2b21,#2f4a36);justify-content:space-between;gap:16px;padding:20px;display:flex}.grade-card__caption{color:#a8b9ac;margin:0 0 4px;font-size:12px}.grade-card h2{margin:0 0 7px;font-size:30px}.grade-card p:last-child{color:#c7d2c9;max-width:260px;margin:0;font-size:12px;line-height:1.45}.boss{color:#aebbb1;border:1px solid #5b6e60;border-radius:9px;flex:none;align-self:flex-start;padding:7px 9px;font-size:10px;font-weight:700}.boss--ready{color:#dffff0;background:#2f633f;border-color:#88d8a0}.diagnostic-invite{padding:18px}.diagnostic-invite h2{margin:4px 0 6px;font-size:19px}.diagnostic-invite p:not(.eyebrow){color:#69736b;margin:0 0 15px;font-size:12px;line-height:1.45}.primary-button,.secondary-button,.text-button,.option{cursor:pointer;border:0}.primary-button{color:#fff;background:#347d4b;border-radius:14px;width:100%;min-height:46px;padding:11px 16px;font-weight:750}.primary-button:disabled,.secondary-button:disabled{cursor:default;opacity:.45}.secondary-button{color:#334138;background:#e6ebe4;border-radius:14px;min-height:46px;padding:11px 18px;font-weight:700}.text-button{color:#4b6854;background:0 0;padding:8px 0}.action-error{color:#8b3328;background:#fee9e6;border-radius:10px;margin:0;padding:10px 12px;font-size:12px}.radar-card{padding:18px}.section-heading{justify-content:space-between;align-items:flex-end;display:flex}.section-heading h2{margin:3px 0 0;font-size:21px}.section-heading>span{color:#778179;font-size:11px}.radar{width:min(100%,310px);margin:6px auto -2px;display:block;overflow:visible}.radar__ring{fill:none;stroke:#dfe5dc;stroke-width:1px}.radar__axis{stroke:#e7ebe5;stroke-width:1px}.radar__value{fill:#4da66947;stroke:#3f9a5d;stroke-width:2px;stroke-linejoin:round}.radar__dot{fill:#327f4a;stroke:#fff;stroke-width:1.5px}.radar__label{fill:#68736a;letter-spacing:.04em;font-size:8px;font-weight:750}.competency-list{gap:0;padding:4px 18px;display:grid}.competency{border-bottom:1px solid #edf0eb;padding:14px 0}.competency:last-child{border-bottom:0}.competency__title{justify-content:space-between;gap:14px;margin-bottom:8px;font-size:13px;display:flex}.competency__title strong{font-weight:650}.competency__title span{color:#667169;font-variant-numeric:tabular-nums}.competency small{color:#89918b;margin-top:6px;font-size:10px;display:block}.progress{background:#e9ede7;border-radius:99px;height:7px;overflow:hidden}.progress span{border-radius:inherit;background:linear-gradient(90deg,#6ac487,#3c9458);height:100%;transition:width .35s;display:block}.notice{color:#326a46;background:#dcecdf;border-radius:8px;align-self:center;padding:6px 9px;font-size:11px}.diagnostic-shell{flex-direction:column;gap:14px;min-height:100svh;display:flex}.diagnostic-topbar{color:#687269;justify-content:space-between;align-items:center;font-size:12px;display:flex}.diagnostic-progress{background:#dce2da;border-radius:99px;height:5px;overflow:hidden}.diagnostic-progress span{border-radius:inherit;background:#47985f;height:100%;transition:width .25s;display:block}.question-card{flex:1;padding:22px 18px}.question-card h1{margin:7px 0 22px;font-size:23px;line-height:1.28}.options{gap:10px;display:grid}.option{color:#253029;text-align:left;background:#f9faf8;border:1px solid #dce2da;border-radius:14px;align-items:flex-start;gap:11px;width:100%;padding:14px;line-height:1.35;display:flex}.option>span{color:#506056;background:#e3e9e1;border-radius:7px;flex:none;place-items:center;width:23px;height:23px;font-size:10px;font-weight:800;display:grid}.option--selected{background:#edf8f0;border-color:#4a9c62;box-shadow:0 0 0 1px #4a9c62}.option--selected>span{color:#fff;background:#3f8c56}.diagnostic-actions{grid-template-columns:auto 1fr;gap:10px;display:grid}.tier-label{color:#3b704a;background:#e8f1e9;border-radius:8px;margin-top:9px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-block}.diagnostic-summary{padding:18px}.diagnostic-summary__heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.diagnostic-summary h2{margin:4px 0 0;font-size:20px;line-height:1.22}.diagnostic-summary__heading>strong{color:#2f7546;flex:none;align-items:baseline;font-size:28px;display:flex}.diagnostic-summary__heading small{color:#77917e;font-size:11px}.diagnostic-summary__note{color:#68736a;margin:13px 0;font-size:12px;line-height:1.45}.diagnostic-summary__columns{grid-template-columns:1fr 1fr;gap:10px;display:grid}.diagnostic-summary__columns>div{background:#f4f7f2;border-radius:14px;padding:12px}.diagnostic-summary__columns span{color:#59705f;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:750}.diagnostic-summary__columns ul{gap:6px;margin:9px 0 0;padding:0;list-style:none;display:grid}.diagnostic-summary__columns li{color:#26332a;font-size:11px;line-height:1.3}.diagnostic-summary__sent{color:#39744d;margin:12px 0 0;font-size:11px}.learning-path{padding:18px}.learning-path__heading{align-items:center}.learning-path__heading h2{margin:4px 0 0;font-size:21px}.learning-path__intro{color:#68736a;margin:11px 0 17px;font-size:12px;line-height:1.45}.learning-path__list{gap:10px;display:grid}.path-item{background:#f9faf8;border:1px solid #e2e7df;border-radius:16px;grid-template-columns:30px 1fr;gap:11px;padding:14px;display:grid}.path-item--next{background:#f0f8f2;border-color:#6caf80;box-shadow:0 0 0 1px #4c946033}.path-item--completed{opacity:.76;background:#f3f5f2}.path-item__position{color:#42624b;background:#dde7dd;border-radius:9px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:grid}.path-item--next .path-item__position{color:#fff;background:#397f4e}.path-item small{color:#55725e;font-size:10px}.path-item h3{margin:4px 0;font-size:15px;line-height:1.25}.path-item p{color:#727b74;margin:0 0 11px;font-size:11px;line-height:1.4}.path-item button{width:auto;min-height:38px;padding:8px 12px;font-size:11px}.lesson-shell{flex-direction:column;gap:12px;display:flex}.lesson-topbar{color:#687269;justify-content:space-between;align-items:center;font-size:12px;display:flex}.lesson-hero{color:#f4f8f3;background:linear-gradient(145deg,#1c2b21,#31543b);padding:22px}.lesson-hero .eyebrow{color:#8fd3a2}.lesson-hero h1{margin:6px 0 10px;font-size:27px;line-height:1.15}.lesson-hero p:last-child{color:#d2ddd4;margin:0;font-size:13px;line-height:1.5}.lesson-section{grid-template-columns:30px 1fr;gap:12px;padding:18px;display:grid}.lesson-section>span{color:#377149;background:#e5eee5;border-radius:9px;place-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:grid}.lesson-section h2,.lesson-checklist h2,.lesson-checkpoint h2{margin:2px 0 8px;font-size:17px;line-height:1.3}.lesson-section p{color:#5e6961;margin:0;font-size:13px;line-height:1.55}.lesson-example{background:#edf6ee;border-color:#cfe0d1;padding:18px}.lesson-example p:last-child{margin:8px 0 0;font-size:13px;line-height:1.55}.lesson-checklist{padding:18px}.lesson-checklist ul{gap:8px;margin:10px 0 0;padding:0;list-style:none;display:grid}.lesson-checklist li{color:#506057;padding-left:23px;font-size:12px;position:relative}.lesson-checklist li:before{content:"✓";color:#3d8b54;font-weight:800;position:absolute;left:0}.lesson-checkpoint{gap:13px;padding:18px;display:grid}.lesson-checkpoint h2{margin:-4px 0 2px}.lesson-feedback{color:#704f25;background:#fff0dc;border-radius:13px;padding:13px}.lesson-feedback--success{color:#2f6840;background:#e8f5eb}.lesson-feedback strong{font-size:13px}.lesson-feedback p{margin:5px 0 0;font-size:12px;line-height:1.45}.lesson-stepper{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#edf0eaf5;margin:-4px -4px 2px;padding:10px 4px 12px;position:sticky;top:0}.lesson-stepper__track{background:#d5ddd3;border-radius:99px;height:3px;position:absolute;top:24px;left:12.5%;right:12.5%;overflow:hidden}.lesson-stepper__track span{border-radius:inherit;background:#3f8e57;height:100%;transition:width .25s;display:block}.lesson-stepper ol{grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid;position:relative}.lesson-stepper li{text-align:center}.lesson-stepper button{color:#89918b;cursor:pointer;background:0 0;border:0;justify-items:center;gap:5px;width:100%;padding:0;display:grid}.lesson-stepper button:disabled{cursor:default}.lesson-stepper button>span{color:#667069;background:#dce2da;border:3px solid #edf0ea;border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;font-weight:850;display:grid}.lesson-stepper small{font-size:9px;font-weight:700}.lesson-stepper .is-current button,.lesson-stepper .is-complete button{color:#315f3e}.lesson-stepper .is-current button>span{color:#fff;background:#22452f;box-shadow:0 0 0 3px #b8d7c0}.lesson-stepper .is-complete button>span{color:#fff;background:#4e9c64}.lesson-hero__meta{gap:7px;margin-bottom:13px;display:flex}.lesson-hero__meta span{color:#a7ddb5;letter-spacing:.07em;text-transform:uppercase;border:1px solid #ace0bb59;border-radius:8px;padding:5px 8px;font-size:9px;font-weight:800}.lesson-stage-card,.practice-card,.practice-review{background:#fff;border:1px solid #d8ded5;border-radius:22px;padding:20px;box-shadow:0 10px 30px #2230260d}.lesson-stage-card h2,.practice-review h2{margin:5px 0 10px;font-size:20px;line-height:1.25}.lesson-stage-card>p:not(.eyebrow){color:#526058;margin:0;font-size:13px;line-height:1.55}.lesson-time-note{background:#eef4ed;border-radius:14px;gap:4px;margin-top:16px;padding:13px;display:grid}.lesson-time-note strong{color:#315f3e;font-size:11px}.lesson-time-note span{color:#647068;font-size:11px;line-height:1.45}.lesson-concepts{gap:4px;margin-top:14px;display:grid}.lesson-concepts article{border-top:1px solid #e8ece6;grid-template-columns:30px 1fr;gap:11px;padding:14px 0;display:grid}.lesson-concepts article>span{color:#36734a;background:#e2eee4;border-radius:9px;place-items:center;width:28px;height:28px;font-size:10px;font-weight:850;display:grid}.lesson-concepts h3{margin:1px 0 5px;font-size:15px}.lesson-concepts p{color:#626e66;margin:0;font-size:12px;line-height:1.5}.lesson-stage-heading{padding:8px 4px 4px}.lesson-stage-heading h1{margin:6px 0 8px;font-size:27px;line-height:1.12}.lesson-stage-heading>p:last-child{color:#667169;margin:0;font-size:13px;line-height:1.5}.lesson-example--worked{background:#eaf4eb;padding:21px}.lesson-example--worked>p:last-child{margin:9px 0 0;font-size:15px;line-height:1.58}.lesson-quality-list{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.lesson-quality-list li{color:#445249;padding-left:27px;font-size:12px;line-height:1.45;position:relative}.lesson-quality-list li:before{content:"✓";color:#3b8852;font-weight:900;position:absolute;left:0}.lesson-warning{background:#fff8eb;border:1px solid #ead9bb;border-radius:18px;padding:17px}.lesson-warning strong{color:#7b5723;text-transform:uppercase;letter-spacing:.06em;font-size:11px}.lesson-warning p{color:#695b47;margin:6px 0 0;font-size:12px;line-height:1.5}.lesson-navigation{z-index:4;background:linear-gradient(#edf0ea00,#edf0ea 28%);grid-template-columns:minmax(92px,.75fr) 1.4fr;gap:9px;margin:0 -4px -4px;padding:14px 4px 4px;display:grid;position:sticky;bottom:0}.lesson-navigation .secondary-button,.lesson-navigation .primary-button{width:100%;min-height:48px;padding-inline:10px;font-size:12px}.lesson-navigation--single{grid-template-columns:1fr}.lesson-navigation--back{grid-template-columns:1fr;padding-top:0;position:static}.practice-card{color:#f5faf5;background:linear-gradient(145deg,#1e3225,#31513a);gap:15px;display:grid}.practice-block>span{color:#8ed1a0;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:800}.practice-block p{color:#edf4ee;margin:6px 0 0;font-size:13px;line-height:1.55}.practice-block--task{border-top:1px solid #cfe8d533;padding-top:14px}.practice-deliverable{background:#ffffff17;border-radius:14px;gap:5px;padding:13px;display:grid}.practice-deliverable small{color:#a9c2af;font-size:10px}.practice-deliverable strong{font-size:12px;line-height:1.45}.practice-workspace label{margin-bottom:9px;font-size:14px;font-weight:800;display:block}.practice-workspace textarea{resize:vertical;color:#233027;background:#fbfcfa;border:1px solid #ccd6cc;border-radius:14px;outline:0;width:100%;padding:14px;font-size:13px;line-height:1.5}.practice-workspace textarea:focus{border-color:#4d9662;box-shadow:0 0 0 3px #4d966221}.practice-workspace__meta{color:#89928b;justify-content:space-between;gap:10px;margin:7px 1px 12px;font-size:9px;display:flex}.practice-hint-button{color:#39744d;margin-bottom:9px;font-size:12px;font-weight:700}.practice-hint{color:#526159;background:#f1f5ef;border-radius:12px;margin:0 0 14px;padding:12px;font-size:11px;line-height:1.5}.practice-review{border-color:#bcd7c3}.practice-review__answer{background:#eef6ef;border-radius:15px;margin:15px 0 18px;padding:16px}.practice-review__answer span{color:#39744d;text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800}.practice-review__answer p{color:#34463a;margin:8px 0 0;font-size:13px;line-height:1.58}.practice-review h3{margin:0 0 10px;font-size:14px}.practice-rubric{gap:8px;display:grid}.practice-rubric label{cursor:pointer;border:1px solid #e0e6de;border-radius:12px;grid-template-columns:22px 1fr;align-items:start;gap:9px;padding:11px;display:grid}.practice-rubric input{accent-color:#3e8954;width:17px;height:17px;margin:0}.practice-rubric span{color:#48564d;font-size:11px;line-height:1.4}.practice-score{color:#69736c;margin:13px 0 0;font-size:11px}.practice-score strong{color:#2e7144}.lesson-checkpoint>h2{margin:0 0 14px;font-size:19px;line-height:1.35}@media (max-width:370px){.shell{padding-inline:12px}.grade-card{flex-direction:column}.boss{text-align:center;align-self:auto}}@media (prefers-reduced-motion:reduce){.progress span,.diagnostic-progress span{transition:none}}
