.lesson{background:var(--color-bg);grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;display:grid}.lesson-middle{overflow-y:auto}.lesson-middle__inner{min-height:100%;max-width:calc(var(--content-wide) + 2 * var(--space-4));padding:var(--space-3) var(--space-4) var(--space-5);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;margin:0 auto;display:flex}.lesson-middle__inner.exercise{--stage-h:144px;justify-content:flex-start;height:100%}.lesson-head{align-items:center;gap:var(--space-3);flex-direction:column;flex:none;width:100%;display:flex}.lesson-body{justify-content:safe center;align-items:center;gap:var(--space-3);flex-direction:column;flex:1;width:100%;min-height:0;display:flex;container-type:size}@media (width<=719px){.lesson-middle__inner.exercise{padding-top:var(--space-2);padding-bottom:var(--space-3)}.lesson-head{gap:var(--space-2)}.lesson-body:has(.reply-line){gap:var(--space-2)}}@media (width>=720px){.lesson-middle__inner.exercise{--stage-h:220px;padding-top:var(--space-5)}.lesson-body{gap:var(--space-4)}}@media (width>=720px) and (height<=860px){.lesson-middle__inner.exercise{--stage-h:152px;padding-top:var(--space-3)}}@media (width>=720px) and (height<=790px){.lesson-middle__inner.exercise{--stage-h:120px}}@media (width>=720px) and (height>=700px){.lesson-middle__inner.exercise:not(.speak){padding-bottom:190px}}.instruction{max-width:var(--content-max);align-items:center;gap:var(--space-1);text-align:center;flex-direction:column;display:flex}.instruction__hint{font-size:var(--text-body);color:var(--color-ink);font-weight:700}.instruction--silent{opacity:0}.prompt-stage{--stage-w:360px;align-items:center;gap:var(--space-5);width:100%;max-width:var(--stage-w);height:var(--stage-h);display:flex;position:relative}.prompt-mascot{width:calc(var(--stage-h) * .872);height:var(--stage-h);flex:none}.prompt-stage .speech-btn{--bubble-h:min(128px, calc(var(--stage-h) * .84));flex:1;width:auto;min-width:0}.prompt-stage .speech-btn__speaker{--speaker:min(76px, calc(var(--bubble-h) - 24px))}.reply-picture{width:min(84px, var(--stage-h));margin-left:calc(var(--space-2) - var(--space-5));flex:none}.reply-picture .picture{width:100%;height:auto;display:block}.prompt-stage--solo .reply-picture{width:calc(var(--stage-h) + 28px);align-self:flex-end;margin:0}@media (width<=719px){.prompt-stage:has(.reply-picture) .speech-btn{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.prompt-stage:has(.reply-picture) .speech-btn__text{font-size:20px;line-height:1.1}.prompt-stage:has(.reply-picture) .speech-btn__speaker{--speaker:min(56px, calc(var(--bubble-h) - 24px))}.prompt-stage:has(.reply-picture) .speech-btn__bar:nth-child(n+3){display:none}.prompt-stage:not(.prompt-stage--solo) .reply-picture{width:72px}}@media (width>=720px){.prompt-stage{--stage-w:380px}.prompt-stage:not(.prompt-stage--solo) .reply-picture{left:calc(100% + var(--space-4));width:112px;margin:0;position:absolute;top:50%;translate:0 -50%}}.answer-grid{--gap:var(--space-4);--rows:2;--ring:28px;--card-w:min(200px, calc((100% - var(--gap)) / 2));--card-fit:max(112px, calc((100cqh - (var(--rows) - 1) * var(--gap) - var(--ring)) / var(--rows)));--card-size:min(var(--card-w), var(--card-fit));width:100%;max-width:var(--content-max);justify-content:center;gap:var(--gap);flex-wrap:wrap;display:flex}.answer-grid[data-count="1"],.answer-grid[data-count="2"]{--rows:1}.answer-grid .answer-card{min-width:0}@media (width>=720px){.answer-grid{--rows:1}.answer-grid[data-count="3"]{--card-w:min(180px, calc((100% - 2 * var(--gap)) / 3))}.answer-grid[data-count="4"]{max-width:var(--content-wide);--card-w:min(170px, calc((100% - 3 * var(--gap)) / 4))}}.complete{text-align:center;gap:var(--space-4)}.complete__mascot{width:170px}.complete__stars{gap:var(--space-2);display:flex}.complete__star{color:var(--color-star);filter:drop-shadow(0 4px 0 var(--color-primary-edge));display:grid}.complete__star--empty{color:var(--color-star-empty);filter:drop-shadow(0 4px 0 var(--color-surface-edge))}.complete__title{font-size:var(--text-title);font-weight:700}.complete__text{color:var(--color-ink-muted);font-size:var(--text-body);max-width:28ch}.prompt-gloss{max-width:var(--content-max);text-align:center}.reply-line{--who-room:14px;width:100%;max-width:var(--content-max);margin-bottom:var(--who-room);padding:var(--space-2);border:4px solid var(--color-art-outline);border-radius:var(--radius-m);background:var(--color-surface);display:grid;position:relative}.reply-line:before,.reply-line:after{content:"";border-style:solid;width:0;height:0;position:absolute;top:100%}.reply-line:before{border-width:18px 13px 0;border-color:var(--color-art-outline) transparent transparent transparent;right:40px}.reply-line:after{border-width:11px 8px 0;border-color:var(--color-surface) transparent transparent transparent;right:45px}.reply-line__row{align-content:flex-start;gap:10px var(--space-2);flex-wrap:wrap;grid-area:1/1;display:flex}.reply-line__reserve{visibility:hidden}.tile-bank{width:100%;max-width:var(--content-max);justify-content:center;gap:10px var(--space-2);flex-wrap:wrap;display:flex}@media (width>=720px){.tile-bank{max-width:var(--content-wide)}}.speak-sentence{justify-content:center;align-items:center;gap:var(--space-3);max-width:var(--content-max);display:flex}.speak-sentence__text{align-items:center;gap:var(--space-1);text-align:center;flex-direction:column;display:flex}.choice-chips{justify-content:center;gap:var(--space-3);max-width:var(--content-max);flex-wrap:wrap;display:flex}@media (width>=720px){.choice-chips{max-width:var(--content-wide)}}.choice-chip{min-width:132px;min-height:var(--touch-min);padding:var(--space-1) var(--space-3);border:3px solid var(--color-surface-edge);border-radius:var(--radius-s);background:var(--color-surface);box-shadow:0 4px 0 var(--color-surface-edge);color:var(--color-ink);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;display:flex}.choice-chip[aria-checked=true]{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-ink), 0 4px 0 2px var(--color-ink)}.choice-chip:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px}.choice-chip__es{font-family:var(--font-display);font-size:var(--text-heading);font-weight:700;line-height:1.2}.choice-chip__fr{font-size:var(--text-gloss)}.speak-sentence__es{font-family:var(--font-display);font-size:var(--text-es);font-weight:700;line-height:1.15}.speak-controls{align-items:start;column-gap:var(--space-6);padding-top:var(--space-3);grid-template-columns:1fr auto 1fr;display:grid}.speak-controls>.speak-control:first-child{grid-column:2}.speak-control--again{margin-top:calc((var(--mic-size) - var(--touch-min)) / 2);justify-self:start;gap:var(--space-1);transition:opacity var(--dur-fast)}.speak-control--again[data-hidden]{visibility:hidden;opacity:0}.speak-control{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.speak-control__label{font-family:var(--font-display);font-size:var(--text-body);font-weight:600}.speak-control__label--small{font-size:var(--text-small,16px);color:var(--color-ink-muted)}.speak-note{min-height:1.5em;max-width:var(--content-max);font-size:var(--text-body);color:var(--color-ink-muted);text-align:center}.say-steps{gap:var(--space-2);display:flex}.say-steps__dot{background:var(--color-surface-edge);border-radius:50%;width:14px;height:14px}.say-steps__dot[data-state=now]{background:var(--color-primary);box-shadow:0 0 0 2px var(--color-ink)}.say-steps__dot[data-state=done]{background:var(--color-correct)}.say-line{min-height:92px;padding-left:calc(36px + var(--space-3))}.say-line__check{color:var(--color-correct);visibility:hidden;flex:none;display:grid}.say-line[data-heard] .say-line__check{visibility:visible}.say-line[data-heard] .speak-sentence__es{color:var(--color-correct-ink,var(--color-correct))}.say-note[data-kind=heard]{color:var(--color-correct-ink,var(--color-correct));font-weight:700}.gap-sentence{text-align:center;max-width:var(--content-max)}.gap-sentence__es{font:700 var(--text-es) / 1.25 var(--font-display);color:var(--color-ink)}.gap-sentence__fr{margin-top:var(--space-1)}.gap-sentence__gap{border-bottom:4px dashed var(--color-ink-muted);vertical-align:baseline;margin:0 .15em;padding:0 .25em;display:inline-grid}.gap-sentence__gap>*{text-align:center;grid-area:1/1}.gap-sentence__sizer{visibility:hidden}.gap-sentence__gap--filled{border-bottom-style:solid;border-bottom-color:var(--color-primary-edge);color:var(--color-ink)}.answer-grid--words{--card-fit:200px}.answer-grid--words .answer-card{aspect-ratio:auto;height:96px}.gap-choice{border-radius:var(--radius-m);border:3px solid var(--color-art-outline);background:var(--color-surface);width:100%;height:100%;font:700 var(--text-es) / 1 var(--font-display);color:var(--color-ink);place-items:center;display:grid}@media (width<=719px) and (height<=740px){.lesson-middle__inner.exercise{--stage-h:116px;gap:var(--space-2);padding-top:var(--space-2);padding-bottom:var(--space-3)}.lesson-head,.lesson-body{gap:var(--space-2)}.instruction__hint{font-size:var(--text-small)}.reply-picture{width:72px}.reply-line{--who-room:12px;padding:6px}.reply-line .word-tile__face,.tile-bank .word-tile__face{min-height:52px;font-size:24px}.answer-grid--words .answer-card{height:76px}.lesson-middle__inner.speak{--mic-size:88px}.speak-controls{padding-top:0}.speak-control{gap:var(--space-2)}}@media (width<=719px){.lesson-body:has(.choice-chips){--mic-size:96px;gap:var(--space-2)}.lesson-body:has(.choice-chips) .speak-controls{padding-top:0}.lesson-body:has(.choice-chips) .speak-control{gap:var(--space-2)}}@media (width<=719px) and (height<=740px){.lesson-body:has(.choice-chips){--mic-size:72px}.lesson-body:has(.choice-chips) .choice-chips{gap:var(--space-2)}.lesson-body:has(.choice-chips) .choice-chip{min-height:56px}.lesson-body:has(.choice-chips) .speak-note:empty{display:none}}@media (width<=719px) and (height<=680px){.lesson-middle__inner.exercise{--stage-h:84px}.reply-line .word-tile__face,.tile-bank .word-tile__face{min-height:48px}.speak-sentence__es{font-size:var(--text-title)}.lesson-body:has(.choice-chips){--mic-size:var(--touch-min);gap:var(--space-1)}}