:root{font-family:Avenir Next,Avenir,Nunito Sans,sans-serif;color:#17211d;background:#f7f9f5;font-synthesis:none;--ink: #17211d;--muted: #66736d;--line: #d8e0dc;--paper: #ffffff;--forest: #17664e;--forest-dark: #0f523f;--mint: #dff3e9;--amber: #f0bc68;--amber-light: #fff3c4;--coral: #c36340;--coral-light: #ffe4dc;--sky: #dcecff}*{box-sizing:border-box}html,body{min-height:100%;margin:0}html{overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}#root{min-height:100%}body{min-width:320px;background:#f7f9f5;touch-action:pan-y}button,input,textarea,select{font:inherit;letter-spacing:0}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #67aee8;outline-offset:2px}.scrollable-prompt:focus-visible{outline:3px solid #67aee8;outline-offset:2px}.prompt-scroll-cue{display:none}button:disabled{cursor:not-allowed;opacity:.48}.preview-banner{position:sticky;top:0;z-index:20;min-height:28px;padding:6px 16px;background:var(--amber-light);border-bottom:1px solid #e5cc78;color:#6a5200;text-align:center;font-size:12px;font-weight:700}.lesson-shell{min-height:calc(100vh - 28px);padding-bottom:144px}.materials-screen{width:min(100% - 36px,700px);min-height:100vh;margin:0 auto;padding:max(32px,env(safe-area-inset-top)) 0 max(36px,env(safe-area-inset-bottom))}.materials-screen>header{display:flex;align-items:flex-start;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--line)}.materials-screen h1{margin:0;font-size:30px;line-height:1.2;overflow-wrap:anywhere}.materials-icon{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border:1px solid #8ebba8;border-radius:8px;background:var(--mint);color:var(--forest)}.materials-action{position:static;display:flex;justify-content:flex-end;margin:18px 0 4px}.materials-list{display:grid;margin:8px 0 28px}.materials-list section{display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px;padding:22px 0;border-bottom:1px solid var(--line)}.materials-list section>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--forest);color:#fff;font-size:13px;font-weight:800}.materials-list h2{margin:1px 0 8px;font-size:19px;line-height:1.3;overflow-wrap:anywhere}.materials-list p{margin:0;color:#4f5d56;line-height:1.65;white-space:pre-line;overflow-wrap:anywhere}.materials-source{display:inline-block;margin-top:12px;padding:0;border:0;background:transparent;color:#326252;font-size:14px;font-weight:700;text-decoration:underline;cursor:pointer}.materials-continue{max-width:420px;margin-left:auto}.activity-title{margin:0 0 8px;font-size:15px;font-weight:700;color:#4f5d56;letter-spacing:.01em}.activity-description{margin-top:10px;color:#4f5d56;font-size:14px;line-height:1.6}.activity-description p{margin:0 0 8px}.activity-description ul{margin:0 0 8px;padding-left:22px}.activity-description a{color:#326252;font-weight:600}.resource-link{display:inline-flex;align-items:center;gap:8px;margin:4px 0 12px;padding:10px 16px;border:1px solid #d4ddd8;border-radius:12px;background:#f4f7f5;color:#326252;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer}.resource-link:hover{background:#e8efeb}.lesson-header{display:grid;grid-template-columns:44px minmax(120px,720px) 58px;justify-content:center;align-items:center;gap:16px;min-height:72px;padding:max(12px,env(safe-area-inset-top)) 20px 10px;background:var(--paper);border-bottom:1px solid var(--line)}.lesson-header>button{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;border-radius:6px;color:var(--muted);cursor:pointer}.lesson-header>button:hover{background:#eef2ef;color:var(--ink)}.progress-track{height:14px;overflow:hidden;border:1px solid #cbd7d1;border-radius:7px;background:#e9eeeb;box-shadow:inset 0 2px #17211d14}.progress-track span{display:block;height:100%;border-radius:6px;background:var(--forest);transition:width .32s cubic-bezier(.2,.8,.2,1)}.energy-count{display:flex;align-items:center;gap:6px;color:var(--coral);font-size:17px}.lesson-meta{display:flex;justify-content:space-between;max-width:760px;margin:0 auto;padding:16px 24px 0;color:var(--muted);font-size:12px;font-weight:700;text-transform:uppercase}.signed-lesson-progress{display:grid;width:min(100% - 40px,700px);grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:12px;margin:0 auto;padding-top:12px;color:var(--muted);font-size:12px;font-weight:800}.signed-lesson-progress>span:first-child{display:grid;gap:2px}.signed-lesson-progress>span:first-child strong{color:var(--ink);font-size:12px;white-space:nowrap}.signed-lesson-progress>span:first-child small{color:var(--muted);font-size:11px;font-weight:700}.signed-progress-track{height:6px;overflow:hidden;border-radius:3px;background:#dfe7e3}.signed-progress-track>span{display:block;height:100%;border-radius:3px;background:var(--forest);transition:width .24s ease}.activity-stage{width:min(100% - 40px,700px);margin:0 auto;padding:30px 0 20px}.prompt-block>p,.result-eyebrow{margin:0 0 10px;color:var(--forest);font-size:12px;font-weight:800;text-transform:uppercase}.prompt-block :is(h1,.activity-question),.result-screen h1,.finish-screen h1,.energy-screen h1,.connection-screen h1{margin:0;font-size:34px;line-height:1.16;letter-spacing:0;overflow-wrap:anywhere}.hint-wrap{margin:18px 0 22px}.hint-button,.attachment-button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid #bdc9c3;border-radius:6px;background:var(--paper);color:#44514b;font-size:13px;font-weight:700;cursor:pointer}.hint-copy{margin:10px 0 0;padding:12px 14px;border-left:3px solid var(--amber);background:#fff9e8;line-height:1.5}.option-list{display:grid;gap:11px;margin:22px 0 26px}.answer-option{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;min-height:62px;padding:12px 16px;border:2px solid #cbd5d0;border-radius:8px;background:var(--paper);box-shadow:0 3px #cbd5d0;text-align:left;font-weight:700;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.answer-option>span:nth-child(2){min-width:0;overflow-wrap:anywhere}.answer-option:hover{border-color:#8fa59a;transform:translateY(-1px);box-shadow:0 4px #b8c5bf}.answer-option.selected{border-color:var(--forest);background:#eef8f3;box-shadow:0 3px 0 var(--forest)}.option-key{display:grid;place-items:center;width:30px;height:30px;border:1px solid #c4cec9;border-radius:5px;color:var(--muted);font-size:13px}.selected .option-key{border-color:var(--forest);background:var(--forest);color:#fff}.option-check{color:var(--forest)}.submit-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;padding:13px 22px;border:0;border-radius:8px;background:var(--forest);box-shadow:0 5px #0b4735;color:#fff;font-size:15px;font-weight:800;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.submit-button:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px #0b4735}.activity-submit-dock{position:fixed;right:0;bottom:0;left:0;z-index:10;padding:14px 20px calc(19px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#f7f9f5}.activity-submit{max-width:700px;margin-inline:auto}.flashcard-recall-dock .recall-grid{width:min(100%,700px);margin:0 auto}.binary-grid,.recall-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0}.binary-option{display:flex;min-height:140px;flex-direction:column;align-items:flex-start;justify-content:end;gap:7px;padding:22px;border:2px solid #cbd5d0;border-radius:8px;background:#fff;box-shadow:0 4px #cbd5d0;text-align:left;cursor:pointer}.binary-option span{font-size:26px;font-weight:800}.binary-option small{color:var(--muted)}.binary-option.selected{border-color:var(--forest);background:var(--mint);box-shadow:0 4px 0 var(--forest)}.order-answer{min-height:112px;margin:24px 0 16px;padding:16px;border:2px dashed #b9c7c0;border-radius:8px;background:#fbfcfb}.order-answer p{margin:27px 0;color:var(--muted);text-align:center}.order-answer button{display:flex;width:100%;align-items:center;gap:11px;padding:11px;border:0;border-bottom:1px solid #dfe5e2;background:transparent;text-align:left;font-weight:700;cursor:pointer}.order-answer button span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--forest);color:#fff;font-size:12px}.tile-bank{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 26px}.tile-bank button{min-height:44px;padding:9px 13px;border:1px solid #bdc9c3;border-radius:6px;background:#fff;box-shadow:0 2px #bdc9c3;font-weight:700;cursor:pointer}.match-list,.classify-list{display:grid;gap:12px;margin:24px 0 28px}.classify-list{padding-bottom:112px;scroll-padding-bottom:112px}.classify-progress{margin:22px 0 -12px;color:var(--muted);font-size:14px;font-weight:700}.match-pair-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.match-pair-button{display:grid;min-width:0;min-height:46px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 8px;padding:10px 12px;border:2px solid #bdc9c3;border-radius:6px;background:#fff;text-align:left;overflow-wrap:anywhere;cursor:pointer}.match-pair-button[aria-pressed=true]{border-color:var(--forest);box-shadow:0 0 0 2px #1e6b5029}.match-pair-button.matched{background:var(--mint)}.match-pair-button svg{grid-column:2;grid-row:1 / span 2;color:var(--forest)}.match-pair-left{color:var(--ink);font-weight:800}.match-pair-value{color:var(--muted);font-size:13px}.match-picker{position:sticky;bottom:82px;z-index:2;display:grid;gap:7px;padding:12px 14px;border:1px solid var(--line);border-radius:7px;background:#f7f9f5;box-shadow:0 4px 14px #17211d17;color:var(--muted);font-size:13px}.match-picker strong{color:var(--ink)}select,.field-label input,.field-label textarea,.fill-sentence input{width:100%;border:2px solid #bdc9c3;border-radius:6px;background:#fff;color:var(--ink)}select,.field-label input{min-height:46px;padding:9px 11px}.classify-row{display:grid;gap:11px;padding:14px;border:1px solid var(--line);border-radius:7px;background:#fff}.segment-control{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;border:1px solid #c6d1cb;border-radius:6px;background:#eff3f1}.segment-control button{min-height:38px;border:0;border-radius:4px;background:transparent;text-transform:capitalize;cursor:pointer}.segment-control button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #17211d29;color:var(--forest);font-weight:800}.fill-sentence{margin:28px 0;padding:24px;border-left:4px solid var(--amber);background:#fff;font-size:18px;line-height:1.55}.fill-copy{margin:0;font-weight:700}.fill-blank-marker{display:inline-grid;width:24px;height:24px;place-items:center;margin:0 4px;border-radius:50%;background:var(--amber-light);color:#705500;font-size:12px;font-weight:800;vertical-align:text-bottom}.fill-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:18px}.fill-field{display:grid;min-width:0;gap:6px;color:var(--muted);font-size:12px;font-weight:800}.fill-sentence input{min-height:46px;margin:0;padding:8px 10px;border-width:2px;border-radius:6px;background:#f4f8f6;text-align:left}.math-inline{display:inline-block;white-space:nowrap;font-family:"STIX Two Math","Cambria Math",Times New Roman,serif;font-variant-numeric:lining-nums}.math-inline sup,.math-inline sub{font-size:.72em;line-height:0}.math-fraction{display:inline-grid;grid-template-rows:auto auto;margin:0 .14em;vertical-align:middle;text-align:center;line-height:1.05}.math-fraction>span:first-child{padding:0 .16em .06em;border-bottom:1px solid currentColor}.math-fraction>span:last-child{padding:.06em .16em 0}.math-root{display:inline-flex;align-items:flex-start}.math-root>span:last-child{padding:0 .08em;border-top:1px solid currentColor}.math-bold{font-weight:800}.math-roman,.math-text{font-family:inherit;font-style:normal}.math-error{padding:0 .2em;outline:1px solid var(--coral);background:var(--coral-light);color:#8a351f;white-space:normal;overflow-wrap:anywhere}.listen-button{display:flex;width:100%;min-height:112px;align-items:center;justify-content:center;gap:14px;margin:24px 0;border:2px solid #9bc1e8;border-radius:8px;background:var(--sky);color:#174f83;font-size:18px;font-weight:800;cursor:pointer}.field-label{display:grid;gap:9px;margin:20px 0 26px;color:#3d4a44;font-size:13px;font-weight:800}.field-label textarea{min-height:150px;resize:vertical;padding:14px;line-height:1.55}.open-response-progress{justify-self:end;color:var(--muted);font-size:12px;font-weight:700}.image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0 28px}.image-grid button{overflow:hidden;padding:0 0 12px;border:2px solid #cbd5d0;border-radius:8px;background:#fff;box-shadow:0 3px #cbd5d0;cursor:pointer}.image-grid button.selected{border-color:var(--forest);box-shadow:0 3px 0 var(--forest)}.image-grid img{display:block;width:100%;aspect-ratio:1;object-fit:contain;padding:14px;background:#eff6f2}.image-grid span{display:block;padding:11px 6px 0;font-weight:800}.image-grid .image-fallback{display:grid;width:100%;aspect-ratio:1;place-content:center;justify-items:center;gap:8px;padding:14px;background:#eff6f2;color:var(--muted);font-size:12px}.flashcard{display:flex;width:100%;min-height:290px;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin:24px 0 18px;padding:28px;border:2px solid #d6b24d;border-radius:8px;background:var(--amber-light);box-shadow:0 6px #c69928;cursor:pointer}.flashcard.flipped{border-color:#79a995;background:var(--mint);box-shadow-color:var(--forest)}.flashcard small{color:var(--muted);font-weight:800;text-transform:uppercase}.flashcard strong{max-width:530px;font-size:38px;line-height:1.12;overflow-wrap:anywhere}.flashcard span{color:var(--muted)}.recall-grid button{min-height:50px;border:2px solid #bdc9c3;border-radius:7px;background:#fff;font-weight:800;cursor:pointer}.recall-grid button:last-child{border-color:var(--forest);background:var(--mint);color:var(--forest-dark)}.story-dialogue{display:grid;gap:12px;margin:24px 0}.story-dialogue>div{display:flex;align-items:flex-end;gap:10px}.story-dialogue>div>span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:var(--ink);color:#fff;font-weight:800}.story-dialogue p{max-width:80%;margin:0;padding:12px 14px;border:1px solid var(--line);border-radius:8px 8px 8px 2px;background:#fff;line-height:1.45}.story-dialogue strong{display:block;margin-bottom:3px;color:var(--forest);font-size:12px}.story-scroll-cue{display:none}.story-choice-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;color:var(--muted);font-size:13px}.story-choice-header>strong{color:var(--ink);font-size:14px}.story-choice-count{color:var(--forest);font-weight:800}.trace-head{display:flex;justify-content:space-between;align-items:center;margin:24px 0 8px;color:var(--muted);font-size:13px;font-weight:700}.trace-head button{display:flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--forest);cursor:pointer}.trace-canvas{width:100%;aspect-ratio:7 / 3;margin-bottom:24px;border:2px solid #bdc9c3;border-radius:8px;background-color:#fff;background-image:linear-gradient(#edf1ef 1px,transparent 1px),linear-gradient(90deg,#edf1ef 1px,transparent 1px);background-size:24px 24px;touch-action:none}.scenario-box{margin:24px 0 12px;padding:18px;border-left:4px solid var(--coral);background:var(--coral-light);color:#633c30;font-size:16px;line-height:1.55}.speaking-recorder{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin:18px 0 12px;padding:16px;border:2px solid #bdc9c3;border-radius:8px;background:#fff}.speaking-recorder>svg{color:var(--forest)}.speaking-recorder div{display:grid;gap:4px}.speaking-recorder span{color:var(--muted);font-size:13px;line-height:1.4}.speaking-recorder button{min-height:42px;padding:0 14px;border:2px solid var(--forest);border-radius:7px;background:#fff;color:var(--forest);font-weight:800;cursor:pointer}.speaking-recorder button:disabled{cursor:not-allowed;opacity:.55}.recording-status{margin:0 0 20px;color:var(--ink);font-size:14px;line-height:1.5}.attachment-button{margin:-10px 0 24px}.feedback-panel{position:fixed;right:0;bottom:0;left:0;z-index:15;display:grid;grid-template-columns:minmax(0,700px);justify-content:center;gap:14px;min-height:128px;padding:18px 24px max(20px,env(safe-area-inset-bottom));border-top:1px solid #9fcab8;background:#e4f5ed;box-shadow:0 -8px 24px #17211d14}.feedback-panel.incorrect{border-color:#e3a994;background:#fff0ea}.feedback-panel.neutral{border-color:#c3ccc8;background:#f2f5f3}.feedback-panel>div{display:flex;align-items:center;gap:13px}.feedback-panel>div>span{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:var(--forest);color:#fff}.feedback-panel.incorrect>div>span{background:var(--coral)}.feedback-panel.neutral>div>span{background:#66736d}.feedback-panel strong{display:block;font-size:17px}.feedback-panel p{margin:3px 0 0;color:#53615a;font-size:13px}.feedback-panel .path-signal{display:block;margin-top:5px;color:var(--forest);font-size:12px;font-weight:800}.feedback-metrics{display:flex;flex-wrap:wrap;gap:6px 12px;margin-top:8px;color:#53615a;font-size:12px;font-weight:700}.feedback-metrics span{display:inline-flex;align-items:center;gap:4px}.feedback-panel .feedback-metrics strong{display:inline;color:var(--ink);font-size:inherit}.feedback-panel.incorrect .path-signal{color:#9b4327}.feedback-panel.neutral .path-signal{color:#66736d}.feedback-panel>button{display:flex;width:100%;min-height:46px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:7px;background:var(--forest);color:#fff;font-weight:800;cursor:pointer}.feedback-panel>button svg{transform:rotate(180deg)}.feedback-panel.incorrect>button{background:var(--coral)}.feedback-panel.neutral>button{background:#3f4b45}.selection-guide{display:flex;justify-content:space-between;gap:12px;margin:0 0 10px;color:var(--forest);font-size:13px;font-weight:800}.selection-guide span{color:#68766f;font-weight:700}.result-screen,.finish-screen,.energy-screen,.connection-screen,.evaluating-screen{display:flex;width:min(100% - 40px,620px);min-height:100vh;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;padding:48px 0 max(48px,env(safe-area-inset-bottom));text-align:center}.result-screen.signed-result{justify-content:flex-start;padding-bottom:calc(176px + env(safe-area-inset-bottom))}.result-seal,.finish-art,.energy-icon,.brand-mark,.evaluating-mark{display:grid;place-items:center;width:104px;height:104px;margin-bottom:24px;border:2px solid #69a78d;border-radius:50%;background:var(--mint);color:var(--forest);box-shadow:0 7px #a4c9b8}.result-seal.gap,.energy-icon{border-color:#de9d83;background:var(--coral-light);color:var(--coral);box-shadow-color:#e8b6a4}.finish-art{border-color:#d7b447;background:var(--amber-light);color:#8a6800;box-shadow-color:#dec76f}.result-screen>p:not(.result-eyebrow),.finish-screen>p:not(.result-eyebrow),.energy-screen>p:not(.result-eyebrow),.connection-screen>p:not(.result-eyebrow),.evaluating-screen>p:not(.result-eyebrow){max-width:520px;margin:14px 0 26px;color:var(--muted);line-height:1.6}.preview-label{margin-bottom:16px;padding:5px 9px;border:1px solid #ddc868;border-radius:5px;background:var(--amber-light);color:#6d570b;font-size:11px;font-weight:800;text-transform:uppercase}.result-score{display:flex;flex-direction:column;width:150px;height:110px;align-items:center;justify-content:center;margin-bottom:22px;border:1px solid var(--line);border-radius:8px;background:#fff}.result-score strong{font-size:36px;color:var(--forest)}.result-score span{color:var(--muted);font-size:12px}.result-score.mixed-result-score{width:min(100%,230px);height:auto;min-height:125px;padding:12px;text-align:center}.result-breakdown{width:100%;max-width:520px;margin:0 0 22px;border-top:1px solid var(--line)}.result-breakdown>strong{display:block;padding:12px 0 8px;color:var(--ink)}.result-breakdown-context{margin:0;padding:0 0 12px;color:var(--muted);font-size:12px;line-height:1.4}.result-breakdown>div{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line)}.result-breakdown>div>span{display:grid;min-width:0;gap:3px;padding:8px 0;overflow-wrap:anywhere}.result-breakdown small{color:var(--muted);font-size:12px;line-height:1.4;overflow-wrap:anywhere}.result-breakdown b{font-size:12px}.result-breakdown .proven{color:var(--forest)}.result-breakdown .correct{color:#276aa3}.result-breakdown .review{color:var(--coral)}.result-breakdown .pending{color:#8a6800}.result-breakdown .recorded{color:var(--muted)}.result-stats,.finish-summary{display:grid;width:100%;grid-template-columns:repeat(3,1fr);margin-bottom:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.result-stats span,.finish-summary span{display:flex;min-height:70px;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px;color:var(--muted);font-size:12px}.result-stats span+span,.finish-summary span+span{border-left:1px solid var(--line)}.result-stats strong,.finish-summary strong{color:var(--ink);font-size:18px}.result-screen .submit-button,.finish-screen .submit-button,.energy-screen .submit-button{max-width:420px}.error-copy{color:#9a3f28!important}.connection-pulse{width:160px;height:8px;overflow:hidden;border-radius:4px;background:#dce4e0}.connection-pulse:after{display:block;width:45%;height:100%;border-radius:4px;background:var(--forest);animation:connect 1.4s ease-in-out infinite;content:""}.connection-pulse.error:after{width:100%;background:var(--coral);animation:none}@keyframes connect{0%{transform:translate(-110%)}to{transform:translate(330%)}}@media (min-width: 720px){.feedback-panel{grid-template-columns:minmax(0,520px) 170px;align-items:center}.feedback-panel>button{grid-column:2;grid-row:1}}@media (max-width: 560px){.materials-screen{width:min(100% - 28px,700px);padding-top:max(18px,env(safe-area-inset-top))}.materials-screen>header{gap:12px;padding-bottom:16px}.materials-screen h1{font-size:24px}.materials-icon{width:44px;height:44px;flex-basis:44px}.materials-action{margin:14px 0 2px}.materials-continue{max-width:none;min-height:50px}.materials-list{margin-top:2px}.materials-list section{padding:18px 0}.lesson-shell{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.lesson-header{grid-template-columns:40px minmax(100px,1fr) 52px;gap:8px;padding-inline:12px}.activity-stage{width:min(100% - 28px,700px);padding-top:24px}.lesson-meta{padding-inline:14px}.prompt-block :is(h1,.activity-question),.result-screen h1,.finish-screen h1,.energy-screen h1,.connection-screen h1,.evaluating-screen h1{font-size:28px}.flashcard strong{font-size:30px}.binary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0 18px}.image-grid{grid-template-columns:1fr}.speaking-recorder{grid-template-columns:auto 1fr}.speaking-recorder button{grid-column:1 / -1;width:100%}.binary-option{min-width:0;min-height:72px;align-items:center;justify-content:center;padding:10px;text-align:center}.binary-option span{font-size:22px;overflow-wrap:anywhere}.binary-option small{display:none}.activity-stage-long-prompt .scrollable-prompt{max-height:190px;max-height:clamp(150px,25dvh,190px);overflow-y:auto;overscroll-behavior:contain;padding:0 8px 10px 0;border-bottom:1px solid var(--line);scrollbar-color:#8fa59a #e9eeeb;scrollbar-width:thin}.activity-stage-long-prompt .scrollable-prompt::-webkit-scrollbar{width:6px}.activity-stage-long-prompt .scrollable-prompt::-webkit-scrollbar-track{background:#e9eeeb}.activity-stage-long-prompt .scrollable-prompt::-webkit-scrollbar-thumb{border-radius:3px;background:#8fa59a}.prompt-scroll-cue{display:flex;height:18px;align-items:center;justify-content:center;color:var(--forest);opacity:0;pointer-events:none;transition:opacity .12s ease}.prompt-scroll-cue.visible{opacity:1}.match-pair-list{grid-template-columns:1fr}.fill-sentence{padding:17px;font-size:16px}.feedback-panel,.activity-submit-dock{padding-inline:14px}.answer-option{scroll-margin-bottom:calc(96px + env(safe-area-inset-bottom))}.signed-lesson .activity-stage{width:min(100% - 20px,700px);padding-top:16px}.signed-lesson .signed-lesson-progress{width:min(100% - 20px,700px)}.signed-lesson .prompt-block :is(h1,.activity-question){font-size:19px;line-height:1.4;font-weight:700}.signed-lesson .fill-sentence{margin:14px 0 0;padding:14px;font-size:15px;line-height:1.55}.signed-lesson .fill-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.signed-lesson .fill-field{scroll-margin-bottom:calc(96px + env(safe-area-inset-bottom))}.signed-lesson .activity-stage-fill-blank .activity-submit-dock{position:sticky;right:auto;bottom:0;left:auto;width:100vw;margin:24px calc(50% - 50vw) -20px}.signed-lesson .activity-stage-long-prompt .scrollable-prompt{max-height:380px;max-height:clamp(300px,46dvh,380px);overflow-y:auto}.signed-lesson .activity-stage-practical.activity-stage-long-prompt .scrollable-prompt{max-height:clamp(140px,22dvh,180px);overflow-y:auto}.signed-lesson .activity-stage-practical .scenario-box{max-height:none;overflow-y:visible;touch-action:pan-y}.signed-lesson .activity-stage-practical .scenario-scroll-region.is-pointer-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.signed-lesson .activity-stage-practical .scenario-box::-webkit-scrollbar{width:6px}.signed-lesson .activity-stage-practical .scenario-box::-webkit-scrollbar-track{background:#f6cfc3}.signed-lesson .activity-stage-practical .scenario-box::-webkit-scrollbar-thumb{border-radius:3px;background:#9b6655}.signed-lesson .activity-stage-practical .field-label{margin-top:12px;scroll-margin-bottom:calc(96px + env(safe-area-inset-bottom))}.signed-lesson .activity-stage-practical .field-label textarea{min-height:96px}.signed-lesson .story-dialogue-scroll{max-height:none;overflow-y:visible;margin:14px 0 0}.signed-lesson .story-dialogue-scroll::-webkit-scrollbar{width:6px}.signed-lesson .story-dialogue-scroll::-webkit-scrollbar-track{background:#e9eeeb}.signed-lesson .story-dialogue-scroll::-webkit-scrollbar-thumb{border-radius:3px;background:#8fa59a}.signed-lesson .story-scroll-cue{display:flex;height:18px;align-items:center;justify-content:center;color:var(--forest);opacity:0;pointer-events:none;transition:opacity .12s ease}.signed-lesson .story-scroll-cue.visible{opacity:1}.signed-lesson .story-choice-header{margin-top:8px}.signed-lesson .story-choice{scroll-margin-bottom:calc(96px + env(safe-area-inset-bottom))}.signed-lesson .hint-wrap{margin:14px 0 16px}.signed-lesson .option-list{gap:8px;margin:16px 0 18px}.signed-lesson .answer-option{min-height:54px;gap:10px;padding:9px 12px;font-size:15px;line-height:1.3}.signed-lesson .option-key{width:28px;height:28px}.signed-lesson .activity-submit-dock{padding:10px 14px calc(15px + env(safe-area-inset-bottom))}.signed-lesson .activity-submit{min-height:50px}.signed-result .result-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.signed-result .result-stats span{min-height:62px;padding:8px 4px}.signed-result .result-stats strong{font-size:16px}.finish-summary{grid-template-columns:1fr}.finish-summary span{min-height:52px;flex-direction:row}.finish-summary span+span{border-top:1px solid var(--line);border-left:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.passing-requirement{margin:0 0 .65rem;color:var(--ink-muted, #52627a);font-size:.875rem;text-align:center}.learning-code{max-width:100%;overflow-x:auto;white-space:pre;padding:12px;border-radius:12px;background:#eef2ed;color:#24392e;font-size:.85rem;line-height:1.5;text-align:left}.activity-question>p{margin:0;white-space:pre-wrap}.fill-copy{white-space:pre-wrap}.answer-code{display:block;text-align:left}.answer-copy{white-space:pre-wrap}.interactive-task{display:flex;flex-direction:column;gap:16px;width:100%;min-width:0}.interaction-instruction,.interaction-status{margin:0;color:#5b586d;font-size:14px;line-height:1.5}.answer-tile-tray{min-height:96px;display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;padding:14px;border:2px dashed #c7bddf;border-radius:20px;background:#f8f5ff}.tile-placeholder{color:#79718d;align-self:center;padding:12px 0}.word-bank{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;padding:8px 0}.word-tile,.match-card{border:2px solid #d8d2e5;border-bottom-width:4px;border-radius:14px;padding:12px 16px;min-height:48px;background:#fff;color:#302344;font:inherit;font-weight:650;cursor:pointer;overflow-wrap:anywhere;transition:transform .1s,background .1s}.word-tile:hover:not(:disabled),.match-card:hover:not(:disabled){background:#f3edff}.word-tile:active:not(:disabled),.match-card:active:not(:disabled){transform:translateY(2px)}.word-tile.selected,.match-card.selected{background:#eee6ff;border-color:#9874d7}.word-tile:focus-visible,.match-card:focus-visible,.sentence-word:focus-visible,.picture-assignment:focus-visible,.selected-pair:focus-visible{outline:3px solid #7355c8;outline-offset:3px}.interactive-check{width:100%;margin-top:8px;min-height:52px;padding:12px 18px;border:0;border-radius:14px;background:#7355c8;color:#fff;font:inherit;font-weight:750;cursor:pointer}.interactive-check:disabled{background:#dfdce5;color:#686272;cursor:default}.editable-sentence{border-radius:20px;padding:20px 14px;background:#f8f5ff;line-height:2.8}.sentence-word{display:inline;border:0;border-bottom:2px solid transparent;background:transparent;color:#302344;padding:8px 5px;margin:0 2px;font:inherit;font-size:20px;border-radius:6px;cursor:pointer}.sentence-word.removed{text-decoration:line-through;background:#eadfff;border-color:#9874d7;color:#684999}.label-picture{width:100%;max-width:360px;max-height:280px;margin:0 auto;border-radius:20px;background:#f8f7fc}.picture-point{cursor:pointer}.picture-point:focus-visible{outline:3px solid #9874d7;outline-offset:3px}.picture-assignments{display:flex;flex-wrap:wrap;gap:8px}.picture-assignment{flex:1 1 90px;padding:10px;min-height:44px;background:#fff;border:2px solid #d8d2e5;border-radius:12px;font:inherit;font-size:13px;cursor:pointer}.picture-assignment.active{background:#eee6ff;border-color:#9874d7}.matching-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.matching-column{display:flex;flex-direction:column;gap:12px}.match-card{min-height:68px;width:100%;padding:12px;font-size:16px}.selected-pairs{display:flex;flex-direction:column;gap:8px}.selected-pair{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;min-height:44px;border-radius:12px;background:#f0ecf6;border:0;color:#55416b;text-align:left;font:inherit;font-size:13px;cursor:pointer}.board-cleared{padding:22px;text-align:center;color:#49317f;background:#f3edff;border-radius:18px;font-weight:700}@media (prefers-reduced-motion: reduce){.word-tile,.match-card{transition:none}}