.learner-theme{color:var(--foreground);background:var(--background);font-family:var(--font-atkinson), ui-sans-serif, system-ui, sans-serif}.learner-theme,.learner-theme *{letter-spacing:0;box-sizing:border-box}.learner-theme :is(p,strong,span){overflow-wrap:break-word}.learner-theme :is(h1,h2,h3){overflow-wrap:normal}.learner-theme :is(button,a,input,[tabindex]):focus-visible{outline:2px solid var(--primary);outline-offset:2px}.learner-theme :is(.answer-input,.stage-en-input):focus-visible{outline:none}.learner-theme button{cursor:pointer}.learner-theme button:disabled{cursor:default}.learner-theme svg{flex-shrink:0}.course-container{width:min(100% - 40px,1120px);margin-inline:auto;position:relative}.learner-header{z-index:10;height:72px;color:var(--on-hero);background:var(--header-band);box-shadow:inset 0 -1px 0 var(--on-hero-glass);font-family:var(--font-sans);position:relative}@media (min-width:900px){.course-container{width:min(100% - 96px,1120px)}.learner-header{height:88px}.learner-header-inner{width:calc(100% - 80px)}}.learner-header-inner{align-items:center;height:100%;display:flex}.learner-brand{min-width:0;font-size:18px}@media (max-width:359px){.learner-brand>.brand-lockup{display:none}}@media (min-width:640px){.learner-brand{font-size:22px}}body:has(.course-home){--home-header-height:72px}@media (min-width:900px){.learner-brand{font-size:26px}body:has(.course-home){--home-header-height:88px}}body:has(.course-home) .learner-header{height:var(--home-header-height);position:absolute;inset:0 0 auto}.home-comentar{border-radius:var(--r-pill);background:var(--on-hero-glass);width:44px;height:44px;color:var(--on-hero);font:inherit;font-size:var(--t-ui);cursor:pointer;border:0;flex:none;justify-content:center;align-items:center;gap:8px;margin-left:auto;padding:0;font-weight:700;transition:background .2s ease-out;display:inline-flex}.home-comentar:hover{background:var(--on-hero-glass-strong)}.home-comentar-label{display:none}@media (min-width:640px){.home-comentar{width:auto;padding:0 18px}.home-comentar-label{display:inline}}.learner-skip{z-index:100;background:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-md);padding:12px 20px;position:fixed;top:-100px;left:20px}.learner-skip:focus{top:12px}.learner-eyebrow{text-transform:uppercase;color:var(--muted-foreground);font-size:.6875rem;font-weight:750;line-height:1.5}.learner-theme progress{appearance:none;border:0;display:block;overflow:hidden}.learner-button{border-radius:var(--radius-md);text-align:center;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:.8125rem 1.25rem;font-size:.875rem;font-weight:650;line-height:1.4;transition:background .18s,color .18s,box-shadow .18s;display:inline-flex}.learner-button.primary{background:var(--primary);color:var(--primary-foreground)}.learner-button.primary:hover{background:color-mix(in oklch, var(--primary) 90%, black)}.learner-button:disabled{background:var(--muted);color:var(--muted-foreground)}.learner-button.text-button{color:var(--muted-foreground);background:0 0}.learner-button.text-button:hover{color:var(--foreground);background:var(--muted)}.course-home{isolation:isolate;min-height:100dvh;padding-top:var(--home-header-height,72px);color:var(--foreground);background:var(--background);font-family:var(--font-sans);padding-bottom:0;position:relative;overflow-x:clip}.hero-card{isolation:isolate;text-align:center;grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow""hero""subcopy""cta""note";justify-items:center;row-gap:16px;padding:48px 0 40px;display:grid;position:relative}@media (min-width:900px){.hero-card{row-gap:20px;padding:56px 0 40px}.hero-card .learner-eyebrow.hero-eyebrow{font-size:var(--t-caption)}.hero-subcopy{max-width:52ch}}.hero-card .learner-eyebrow.hero-eyebrow{font-family:var(--font-brand), var(--font-sans);border-radius:var(--r-pill);background:var(--on-hero-glass);color:var(--on-hero);letter-spacing:.08em;grid-area:eyebrow;margin:0;padding:6px 14px}.hero-line{max-width:18ch;color:var(--on-hero);font-family:var(--font-brand), var(--font-sans);letter-spacing:-.02em;word-spacing:.08em;text-wrap:balance;grid-area:hero;margin:0;font-size:min(clamp(2.5rem,1.625rem + 3.6vw,4.5rem),12vw);font-weight:800;line-height:1.05}.hero-subcopy{max-width:36ch;color:var(--on-hero-muted);font-size:var(--t-body);text-wrap:balance;grid-area:subcopy;margin:0;font-weight:500;line-height:1.5}.hero-cta{text-align:center;border-radius:var(--r-pill);width:100%;min-height:60px;color:var(--cta-on-hero-fg);background:var(--cta-on-hero-bg);line-height:1.2;font-size:var(--t-body);box-shadow:var(--shadow-cta);transition:transform var(--m-settle) ease-out, box-shadow var(--m-settle) ease-out;flex-wrap:wrap;grid-area:cta;place-content:center;align-items:baseline;gap:0 10px;margin-top:8px;padding:8px 20px;font-weight:700;display:flex}.hero-cta-time{font-size:var(--t-ui);white-space:nowrap;margin-left:-2px;font-weight:500}.hero-cta-time:before{content:"· "}@media (max-width:359px){.hero-cta{border-radius:var(--r-lg)}.hero-cta-time{flex-basis:100%;margin-left:0}.hero-cta-time:before{content:none}}.hero-cta:hover{box-shadow:var(--shadow-cta-hover);transform:translateY(-2px)}.hero-cta:focus-visible{outline:3px solid var(--on-hero);outline-offset:4px}@media (min-width:900px){.hero-cta{width:300px}}.course-empty{text-align:center;min-height:420px;color:var(--on-hero);justify-items:center;gap:14px;padding:50px 0;display:grid}.course-empty h2{font-size:var(--t-section);font-weight:600}.course-empty p{font-size:var(--t-body);color:var(--on-hero-muted);line-height:1.55}.more-series ul,.module-rows{margin:8px 0 0;padding:0;list-style:none}.more-series a{border-top:1px solid var(--border);min-height:56px;color:inherit;align-items:center;gap:12px;padding:10px 0;text-decoration:none;display:flex}.more-series a>svg{color:var(--muted-foreground);flex-shrink:0}.more-series a>span,.path-module-heading .path-module-title{flex:1;min-width:0}.more-series-name{font-weight:650;display:block}.more-series-line{font-size:var(--t-caption);color:var(--muted-foreground);display:block}@media (min-width:900px){.course-path{max-width:880px;margin-inline:auto}}#recorrido{scroll-margin-top:24px}.series-heading{text-align:center;color:var(--on-hero);margin:0 0 16px}.series-heading h2{font-family:var(--font-brand), var(--font-sans);font-size:var(--t-section);margin:0}.series-heading p{font-size:var(--t-body);color:var(--on-hero-muted);margin:4px 0 0}.series-chip{border-radius:var(--r-pill);background:var(--on-hero-glass);font-size:var(--t-caption);letter-spacing:.04em;align-items:center;gap:6px;margin-top:12px;padding:7px 12px;font-weight:700;display:inline-flex}.series-card-heading{flex-wrap:wrap;margin-bottom:0}.series-card-heading.path-module-heading .path-module-title{flex-basis:auto}.series-continue{min-height:44px;padding-inline:var(--sp-4);border-radius:var(--r-pill);box-shadow:inset 0 0 0 2px var(--border);color:var(--primary);place-items:center;font-weight:700;display:inline-grid}.module-rows>li+li{border-top:1px solid var(--border)}.module-row-summary{min-height:56px;color:inherit;cursor:pointer;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;list-style:none;display:flex}.module-row-summary::-webkit-details-marker{display:none}.module-row-soon{cursor:default}.module-row:focus-visible,.module-row-summary:focus-visible{outline:3px solid var(--primary);outline-offset:2px;border-radius:var(--r-sm)}.module-badge{border-radius:var(--r-pill);background:var(--goal-track);width:max(32px,1.6em);height:max(32px,1.6em);color:var(--primary);font-family:var(--font-brand), var(--font-sans);font-size:var(--t-ui);flex:none;place-items:center;font-weight:800;display:grid}.module-badge[data-state=done]{background:var(--state-help);color:var(--ink-deep)}.module-badge[data-state=here]{background:var(--primary);color:var(--primary-foreground)}.module-badge[data-state=soon]{box-shadow:inset 0 0 0 1.5px var(--border);color:var(--muted-foreground);background:0 0}.module-row-name{color:var(--foreground);font-family:var(--font-brand), var(--font-sans);font-size:var(--t-body);flex:5em;font-weight:700;line-height:1.2}.module-row-line{color:var(--muted-foreground);font-family:var(--font-sans);font-size:var(--t-caption);font-weight:400;display:block}.module-row-end{flex:none;align-items:center;gap:4px;margin-left:auto;display:flex}.module-row-count{color:var(--primary);font-family:var(--font-brand), var(--font-sans);font-size:var(--t-ui);white-space:nowrap;flex:none;font-weight:700}.module-row-count[data-quiet]{color:var(--muted-foreground);font-size:var(--t-caption);font-weight:600}.module-row-chevron{color:var(--muted-foreground);flex:none}.module-row[open]>.module-row-summary .module-row-chevron{rotate:180deg}@media (hover:hover){:is(.module-row-summary,.path-module-intro):hover .module-row-name{color:var(--primary)}.module-row-soon:hover .module-row-name{color:var(--foreground)}}.module-more-names{color:var(--muted-foreground);margin:0 0 12px;padding:0 0 0 44px;line-height:1.8;list-style:none}.module-list-more{border-radius:var(--r-pill);width:100%;min-height:52px;box-shadow:inset 0 0 0 2px var(--border);color:var(--primary);margin-top:6px;font-weight:700}.path-module{border-radius:var(--r-lg);background:var(--surface-writing);box-shadow:var(--elev-card);padding:18px 20px 20px}.path-module+.path-module{margin-top:20px}@media (min-width:900px){.path-module{padding:24px 40px 28px}}.path-module-heading{align-items:center;gap:8px 12px;margin-bottom:14px;display:flex}.path-module-community{color:inherit;display:block}.path-module-community .path-module-heading{margin-bottom:6px}.path-module-community-icon{color:var(--whatsapp-green);flex:none;display:grid}.path-module-community-line{color:var(--muted-foreground);font-size:var(--t-ui);line-height:1.4;display:block}@media (max-width:359px){.path-module-community .path-module-title{font-size:var(--t-body);overflow-wrap:normal}}@media (max-width:239px){.path-module-community-icon{display:none}}.path-module-community.home-intro-target{outline:3px solid var(--state-help);outline-offset:6px}.path-module-community:focus-visible{outline:3px solid var(--on-hero);outline-offset:3px}@media (hover:hover){.path-module-community:hover .path-module-title{color:var(--primary)}}.lesson-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:6px;margin:0;padding:6px 0 14px;list-style:none;display:grid}.lesson-square{font-family:var(--font-brand), var(--font-sans);font-size:var(--t-ui);color:var(--brand-primary);font-variant-numeric:tabular-nums;aspect-ratio:1;background:var(--goal-track);border-radius:9px;place-items:center;max-width:100%;font-weight:700;display:grid;position:relative}@media (max-width:259px){.path-module{padding-inline:12px}.lesson-grid{grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:4px}}.lesson-square>svg{width:1.3em;height:1.3em}.lesson-square-lock{color:var(--muted-foreground);display:grid;position:absolute;top:4px;right:4px}.lesson-square-lock>svg{width:.7em;height:.7em}.lesson-square-done{color:var(--lesson-done-ink,var(--on-hero));background:var(--lesson-done-bg,linear-gradient(135deg, var(--hero-gradient-from), var(--hero-gradient-to)))}.lesson-square-next{color:var(--primary);background:var(--surface-writing);box-shadow:inset 0 0 0 3px var(--primary)}.lesson-square.lesson-square-just-done{isolation:isolate;background:var(--goal-track);animation:.45s ease-out .25s both square-fill-ink}.lesson-square-just-done:before{content:"";z-index:-1;border-radius:inherit;background:var(--lesson-done-bg,linear-gradient(135deg, var(--hero-gradient-from), var(--hero-gradient-to)));transform-origin:0;animation:.45s ease-out .25s both square-fill;position:absolute;inset:0}.lesson-grid:has(.lesson-square-just-done) .lesson-square-next{animation:.3s ease-out .7s both square-ring-in}@keyframes square-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes square-fill-ink{0%{color:var(--brand-primary)}to{color:var(--lesson-done-ink,var(--on-hero))}}@keyframes square-ring-in{0%{box-shadow:inset 0 0 0 0 var(--primary)}to{box-shadow:inset 0 0 0 3px var(--primary)}}@media (prefers-reduced-motion:reduce){.lesson-square.lesson-square-just-done,.lesson-square-just-done:before{animation:none}.lesson-grid:has(.lesson-square-just-done) .lesson-square-next{animation:none}.lesson-square.lesson-square-just-done{background:linear-gradient(135deg, var(--hero-gradient-from), var(--hero-gradient-to))}}.lesson-square-unavailable{opacity:.5}a.lesson-square:after{content:"";position:absolute;inset:-3px}@media (min-width:900px){a.lesson-square:after{inset:-4px}}@media (hover:hover){a.lesson-square:hover{box-shadow:inset 0 0 0 2px var(--primary)}a.lesson-square-done:hover{box-shadow:0 0 0 2px var(--surface-writing), 0 0 0 4px var(--primary)}}.path-module-title{color:var(--foreground);font-family:var(--font-brand), var(--font-sans);font-size:var(--t-section);letter-spacing:-.02em;margin:0;font-weight:800}.confirm-inline{font-size:var(--t-eyebrow);flex-wrap:wrap;align-items:center;gap:8px;margin-left:12px;display:inline-flex}.confirm-inline-body{color:var(--muted-foreground);white-space:nowrap;font-weight:600}.confirm-inline-confirm,.confirm-inline-cancel{font:inherit;font-size:var(--t-caption);text-transform:none;letter-spacing:normal;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 8px;font-weight:650}.confirm-inline-confirm{color:var(--destructive)}.confirm-inline-confirm:hover{text-decoration:underline}.confirm-inline-cancel{color:var(--muted-foreground)}.confirm-inline-cancel:hover{color:var(--foreground)}.learner-icon-button:disabled{opacity:.35}@media (prefers-reduced-motion:reduce){.home-comentar,.hero-cta{transition-duration:0s}}.hero-cta.home-intro-target{box-shadow:0 0 0 3px var(--state-help), 0 0 14px 4px color-mix(in oklch, var(--state-help) 55%, transparent)}.lesson-grid.home-intro-target{border-radius:var(--r-md);outline:3px solid var(--state-help);outline-offset:6px}.home-intro-count{margin:0 0 var(--sp-3);color:var(--muted-foreground);font-size:var(--t-caption);font-variant-numeric:tabular-nums}.home-intro{z-index:30;width:min(100% - 32px,360px);padding:var(--sp-5);border-radius:var(--r-lg);background:var(--card);box-shadow:var(--elev-card);color:var(--foreground);text-align:center;position:absolute;left:50%;transform:translate(-50%)}.home-intro-title{margin:0 0 var(--sp-2);font-size:var(--t-body);font-weight:700}.home-intro-body{margin:0 0 var(--sp-4);font-size:var(--t-ui);line-height:1.45}.home-intro-button{min-height:44px;padding:0 var(--sp-5);border-radius:var(--r-pill);background:var(--primary);color:var(--primary-foreground);font:inherit;cursor:pointer;border:0;font-weight:700}@media (max-width:359px){.home-intro{width:calc(100% - 16px);padding:var(--sp-4)}.home-intro-title{font-size:var(--t-ui)}.home-intro-body{margin-bottom:var(--sp-3);font-size:var(--t-caption);line-height:1.35}.home-intro-count{margin-bottom:var(--sp-2)}}.home-intro-pointer{z-index:31;pointer-events:none;fill:none;stroke:var(--state-help);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;position:absolute;top:0;left:0}.skip-ahead{border-radius:var(--r-lg);background:var(--card);width:min(100% - 32px,360px);box-shadow:var(--elev-card);color:var(--foreground);border:0;margin:auto;padding:0}.skip-ahead::backdrop{background:color-mix(in oklch, var(--ink-deep) 45%, transparent)}.skip-ahead-inner{justify-items:center;gap:var(--sp-2);padding:var(--sp-5);text-align:center;display:grid}.skip-ahead-title{font-size:var(--t-body);margin:0;font-weight:700}.skip-ahead-body{margin:0 0 var(--sp-2);font-size:var(--t-ui);line-height:1.45}.skip-ahead-stay{min-height:44px;padding:0 var(--sp-5);border-radius:var(--r-pill);background:var(--primary);color:var(--primary-foreground);align-items:center;font-weight:700;display:inline-flex}.skip-ahead-go{min-height:44px;padding:0 var(--sp-3);color:var(--muted-foreground);font-size:var(--t-ui);align-items:center;font-weight:600;display:inline-flex}@media (max-width:359px){.skip-ahead{width:calc(100% - 16px);max-width:none}.skip-ahead-inner{padding:var(--sp-4) var(--sp-3)}.skip-ahead-stay{padding-inline:var(--sp-4);border-radius:var(--r-lg)}}.offline-status{border-radius:var(--r-lg);background:var(--surface-writing);width:max-content;max-width:calc(100% - 32px);box-shadow:var(--elev-card);color:var(--muted-foreground);font-size:var(--t-caption);text-align:center;gap:6px;margin:24px auto 0;padding:8px 14px 10px;line-height:1.3;display:grid}.offline-status[data-ready]{color:var(--foreground);grid-auto-flow:column;align-items:center;padding-block:13px 15px}.offline-status-all{color:var(--primary);cursor:pointer;border:0;padding-block:13px 15px;font-weight:600;display:block}.offline-status-all:has(.offline-status-why){padding-block:8px 10px}.offline-status-why{color:var(--muted-foreground);margin-top:2px;font-weight:500;display:block}.offline-status-size{white-space:nowrap}@media (max-width:359px){.offline-status-size{display:block}.offline-status-dot{display:none}}.offline-status-all:focus-visible{outline:3px solid color-mix(in oklch, var(--primary) 32%, transparent);outline-offset:2px}.offline-status-check{width:1.15em;height:1.15em;color:var(--success);stroke-width:3px}.offline-status-track{background:var(--muted);border-radius:999px;height:4px;display:block;overflow:hidden}.offline-status-fill{background:var(--primary);height:100%;transition:width .3s linear;display:block}.install-offer .path-module-title{margin-bottom:6px}.install-offer-line{color:var(--muted-foreground);font-size:var(--t-ui);margin:0;line-height:1.4}.install-offer-share{vertical-align:-3px;color:var(--primary);display:inline}.install-offer-actions{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:14px;display:flex}.install-offer-later{min-height:44px;color:var(--muted-foreground);font:inherit;font-size:var(--t-ui);cursor:pointer;background:0 0;border:0;padding:0 4px;font-weight:600}.reminder-offer-hour{color:var(--muted-foreground);font-size:var(--t-ui);flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.reminder-hour{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-writing);min-height:44px;color:var(--foreground);font:inherit;font-size:var(--t-ui);padding:0 12px}
.answer-piece{min-width:0}.lesson-celebration{text-align:center;width:100%}
.completion-card{margin-bottom:var(--sp-5);padding:var(--card-pad);border-radius:var(--r-lg);background:var(--surface-writing);box-shadow:var(--elev-card);text-align:center;animation:completion-card-ring .7s var(--ease-out) both;position:relative}@keyframes completion-card-ring{0%{box-shadow:var(--elev-card), 0 0 0 3px var(--success-ring)}to{box-shadow:var(--elev-card)}}.completion-check{width:32px;height:32px;margin:0 auto var(--sp-3);border-radius:var(--r-pill);background:var(--success);color:var(--brand-on-primary);justify-content:center;align-items:center;display:flex}.completion-final-row{text-align:center;max-width:100%}.completion-sentence-en{min-width:0;color:var(--lang-en);overflow-wrap:break-word;text-wrap:balance;margin:0;font-weight:700}.completion-sentence-en[data-size=sentence]{font-size:var(--t-section);line-height:1.3}.completion-sentence-en[data-size=body]{font-size:var(--t-body);line-height:1.35}.completion-sentence-en[data-size=compact]{font-size:var(--t-ui);text-wrap:pretty;line-height:1.35}.completion-sentence-es{margin:var(--sp-2) 0 0;color:var(--ink-graphite);font-size:var(--t-body);font-weight:500}.completion-card:has(.completion-sentence-en:is([data-size=compact],[data-size=body])) .completion-sentence-es{font-size:var(--t-ui)}.completion-status-line{margin:var(--sp-4) 0 0;color:var(--muted-foreground);font-size:var(--t-ui);font-weight:500}.completion-next{margin-top:var(--sp-5);text-align:center}.completion-eyebrow{color:var(--on-hero-muted);margin:0}.completion-course-end{color:var(--on-hero);font-size:var(--t-body);margin:0;font-weight:600}.completion-offline-note{margin:var(--sp-2) 0 0;color:var(--on-hero-muted);font-size:var(--t-caption);text-align:center;font-weight:600}.completion-cta{width:min(360px,100%);min-height:56px;margin-inline:auto;margin-top:var(--sp-4);border-radius:var(--r-md);font-size:var(--t-ui);justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.lesson-session .completion-cta.learner-button.primary{border-radius:var(--r-pill);color:var(--cta-on-hero-fg);background:var(--cta-on-hero-bg);box-shadow:var(--shadow-cta)}.completion-stop,.lesson-resume-restart{width:min(360px,100%);min-height:48px;margin:var(--sp-3) auto 0;border:1.5px solid var(--on-hero-glass-edge);border-radius:var(--r-pill);color:var(--on-hero);font-size:var(--t-ui);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.completion-stop:hover,.lesson-resume-restart:hover{background:var(--on-hero-glass-strong)}.completion-sentence-es+.completion-module-end{margin-top:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--border)}.completion-card[data-variant=repertoire] .completion-check{margin:0 auto var(--sp-3)}@media (prefers-reduced-motion:reduce){.completion-card,.completion-cta{animation-duration:1ms!important;animation-delay:0s!important}}.lesson-loading{place-content:center;min-height:100dvh;font-size:.9375rem;display:grid}.learner-error,.lesson-resume{isolation:isolate;text-align:center;min-height:70dvh;color:var(--on-hero);flex:1;align-content:center;justify-items:center;gap:20px;padding:32px;display:grid;position:relative}.lesson-resume>.lesson-resume-bar{z-index:1;position:fixed;inset:0 0 auto}.lesson-resume .learner-icon-button{color:var(--on-hero);border-radius:var(--r-pill);border:1px solid #0000}.lesson-resume .learner-icon-button:hover{border-color:var(--on-hero-glass-edge);background:0 0}.learner-error h1,.lesson-resume h1{font-family:var(--font-brand), var(--font-sans);font-size:var(--t-section);letter-spacing:-.02em;word-spacing:.08em;font-weight:800}.learner-error p{font-size:var(--t-ui);color:var(--on-hero-muted);max-width:400px;line-height:1.6}.learner-error .learner-button.primary,.lesson-resume .learner-button.primary{border-radius:var(--r-pill);background:var(--cta-on-hero-bg);color:var(--cta-on-hero-fg);box-shadow:var(--shadow-cta);padding-inline:28px}.lesson-resume{gap:0;min-height:100dvh}.lesson-resume h1{margin-bottom:var(--sp-6)}.lesson-resume-name{margin-bottom:var(--sp-2);color:var(--on-hero-muted);font-size:var(--t-ui);font-weight:600}.lesson-resume .lesson-resume-continue{width:min(360px,100%);min-height:56px;font-size:var(--t-ui);font-weight:700}@media (max-width:359px){.lesson-resume{padding:56px var(--sp-3) var(--sp-4)}.lesson-resume-name{-webkit-line-clamp:3;line-clamp:3;font-size:var(--t-caption);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.lesson-resume h1{margin-bottom:var(--sp-4);font-size:var(--t-body)}.lesson-resume .learner-button.primary.lesson-resume-continue,.lesson-resume-restart{border-radius:var(--r-lg)}}.learner-error .learner-button.text-button{color:var(--on-hero-muted)}.learner-error .learner-button.text-button:hover{color:var(--on-hero);background:var(--on-hero-glass)}@media (max-height:560px),(max-width:359px){.completion-card{margin-bottom:var(--sp-3);padding-bottom:var(--sp-2)}.completion-sentence-en[data-size=sentence]{font-size:var(--t-body)}.completion-sentence-es{font-size:var(--t-ui)}.completion-check{width:24px;height:24px;margin-bottom:var(--sp-2)}.completion-eyebrow{display:none}.completion-status-line{margin-top:var(--sp-2)}.completion-next{margin-top:0}.completion-cta{min-height:48px;margin-top:var(--sp-2)}.completion-stop{min-height:40px;margin-top:var(--sp-2)}}.completion-module-end{margin:var(--sp-2) 0 0;text-wrap:pretty}.completion-module-end>p{margin:0}.completion-module-end>p+p{margin-top:var(--sp-1)}.completion-module-done{color:var(--foreground);font-size:var(--t-body);font-weight:700}.completion-last-module-line{color:var(--muted-foreground);font-size:var(--t-ui);font-weight:500;line-height:1.4}.completion-lesson-name{color:var(--foreground);font-size:var(--t-section);text-align:center;overflow-wrap:break-word;margin:0;font-weight:700;line-height:1.3}.lesson-session .learner-button.primary .cta-label:has(>.cta-time){align-items:baseline}.completion-cta .cta-time{font-size:var(--t-ui);white-space:nowrap;margin-left:-4px;font-weight:500}.completion-cta .cta-time:before{content:"· "}@media (max-width:359px){.lesson-session .completion-cta.learner-button.primary{border-radius:var(--r-lg)}.lesson-session .completion-cta.learner-button.primary .cta-label{flex-wrap:wrap;justify-content:center;row-gap:0}.completion-cta .cta-time{flex-basis:100%;margin-left:0}.completion-cta .cta-time:before{content:none}}.completion-rate{width:min(360px,100%);margin:var(--sp-4) auto 0;outline:none}.completion-rate-question{margin:0 0 var(--sp-2);color:var(--on-hero);font-size:var(--t-ui);text-align:center;font-weight:600}.completion-rate-options{gap:var(--sp-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.lesson-session .completion-rate-option.learner-button.primary{min-height:56px;padding-inline:var(--sp-1);border-radius:var(--r-pill);color:var(--cta-on-hero-fg);background:var(--cta-on-hero-bg);box-shadow:var(--shadow-cta);font-size:var(--t-ui);text-wrap:balance;font-weight:700;line-height:1.2}@media (max-height:560px){.lesson-session .completion-rate-option.learner-button.primary{min-height:48px}}@media (max-width:359px){.completion-rate{margin-top:var(--sp-2)}.completion-rate-question{margin-bottom:var(--sp-1);line-height:1.2}.completion-rate-options{gap:var(--sp-1);grid-template-columns:1fr}.lesson-session .completion-rate-option.learner-button.primary{border-radius:var(--r-lg);min-height:40px;padding-block:0}.lesson-celebration:has(.completion-rate) .completion-card{margin-bottom:var(--sp-2);padding-block:var(--sp-3)}.lesson-celebration:has(.completion-rate) .completion-stop{min-height:36px;margin-top:var(--sp-1)}}@media (max-width:259px){.completion-rate-options{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-session .completion-rate-option.learner-button.primary{min-height:48px;font-size:var(--t-caption);padding-inline:2px;line-height:1.1}.completion-card{margin-bottom:var(--sp-3)}}.lesson-resume [aria-pressed=true]{opacity:.7}
.lesson-session{--radius:1rem;--practice-column:640px;--card-pad-top:var(--sp-7);--card-pad-x:var(--sp-5);--card-pad-bottom:var(--card-pad-top);--card-pad:var(--card-pad-top) var(--card-pad-x) var(--card-pad-bottom);--instruction-band:calc(var(--t-body) * 2.9 + var(--sp-4));--page-height:min(500px, 58dvh);--field-side:52px;z-index:50;height:100dvh;color:var(--foreground);background:var(--background);font-family:var(--font-sans);outline:none;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;position:fixed;inset:0;overflow-x:clip}.lesson-focus-anchor{opacity:0;pointer-events:none;color:#0000;caret-color:#0000;background:0 0;border:0;width:1px;height:1px;padding:0;position:fixed;top:0;left:0}.lesson-session :is(.lesson-card,.completion-card){--surface-writing:var(--paper);--card:var(--paper);--foreground:var(--ink-print);--ink-deep:var(--ink-print);--ink-muted:var(--ink-graphite);--muted-foreground:var(--ink-graphite);--primary:var(--ink-ballpoint);--lang-en:var(--ink-ballpoint);--lesson-hl-en:var(--ink-ballpoint);--lang-en-quiet:var(--ink-ballpoint-quiet);--lang-en-highlight:transparent;--field-en-rest:color-mix(in oklch, var(--ink-ballpoint) 7%, var(--paper));--field-en-ring:color-mix(in oklch, var(--ink-ballpoint) 40%, transparent);--field-fill:color-mix(in oklch, var(--ink-ballpoint) 4%, var(--paper));--field-fill-active:color-mix(in oklch, var(--ink-ballpoint) 6%, var(--paper));color:var(--ink-print)}.lesson-session :is(.stage-piece,.stage-intro-sentence,.stage-recap-es,.stage-recap-note){font-family:var(--font-book), Georgia, serif;font-size-adjust:.5}.lesson-session .lesson-explanation mark[data-language]{padding-inline:0}.lesson-session .stage-recap-es{word-spacing:.14em}.lesson-session .lesson-explanation mark[data-language=en]{font-family:var(--font-sans)}.lesson-topbar{min-width:0;height:48px;color:var(--on-hero);grid-row:1;align-items:center;gap:12px;padding-inline:20px;display:flex;position:relative}@media (min-width:1024px){.lesson-topbar{height:56px}}@media (max-width:480px){.lesson-topbar{gap:4px;padding-inline:8px}}.learner-icon-button{width:48px;height:48px;color:var(--muted-foreground);border-radius:var(--radius-lg);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;transition:background .18s;display:flex}.learner-icon-button:hover{color:var(--foreground);background:var(--muted)}.lesson-session .learner-icon-button{color:var(--on-hero);border-radius:var(--r-pill);border:1px solid #0000}.lesson-session .learner-icon-button:hover{border-color:var(--on-hero-glass-edge);background:0 0}.lesson-topbar .learner-icon-button{width:40px;height:40px;position:relative}.lesson-topbar .learner-icon-button:before{content:"";position:absolute;inset:-2px}@media (max-width:480px){.lesson-topbar .learner-icon-button{width:36px;height:36px}.lesson-topbar .learner-icon-button:before{inset:-4px}.lesson-topbar .learner-icon-button.lesson-answer-toggle{height:auto}.lesson-topbar .onboarding-skip-link-topbar{z-index:1;position:relative}}.lesson-session .learner-icon-button.previous-step{background:var(--on-hero-glass)}.lesson-topbar [data-slot-held]{visibility:hidden}.lesson-topbar-end{flex-shrink:0;align-items:center;gap:2px;margin-left:auto;display:flex}.lesson-session[data-point-at=comentar] .lesson-topbar-feedback,.lesson-session[data-point-at=sonido] .lesson-mute-toggle,.lesson-session[data-point-at=hablar] .lesson-answer-toggle{background:var(--on-hero-glass)}.lesson-session[data-point-at=comentar] .lesson-topbar-feedback,.lesson-session[data-point-at=hablar] .lesson-answer-toggle,.lesson-session[data-point-at=sonido] .lesson-mute-toggle,.lesson-session[data-point-at=speaker] .lesson-explanation .card-listen,.lesson-session[data-point-at=pausa] .cta-pause{box-shadow:0 0 0 3px var(--state-help), 0 0 14px 4px color-mix(in oklch, var(--state-help) 55%, transparent)}.lesson-session[data-hidden-controls~=comentar] .lesson-topbar-feedback,.lesson-session[data-hidden-controls~=hablar] .lesson-answer-toggle,.lesson-session[data-hidden-controls~=sonido] .lesson-mute-toggle{display:none}.lesson-session[data-hidden-controls] .lesson-topbar-end>.learner-icon-button{animation:slot-in var(--m-enter) var(--ease-out)}.lesson-session[data-hidden-controls] .lesson-topbar-end>.lesson-answer-toggle{animation:fade-in var(--m-enter) ease-out}@keyframes slot-in{0%{opacity:0;width:0}}.lesson-session[data-hidden-controls~=pausa] .cta-pause,.lesson-session[data-hidden-controls~=speaker] .lesson-explanation .card-listen,.lesson-session[data-hidden-controls~=bulb] .stage-hint-corner{visibility:hidden}.control-pointer{z-index:5;pointer-events:none;fill:none;stroke:var(--state-help);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;position:absolute;inset:0}.onboarding-skip-link-topbar{min-width:44px;min-height:44px;color:var(--on-hero-muted);font-size:var(--t-ui);white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;padding-inline:clamp(2px,2.2vw - 4px,8px);font-weight:700;display:inline-flex}.onboarding-skip-link-topbar:hover{color:var(--on-hero)}.onboarding-skip-link-topbar:focus-visible{outline:2px solid var(--on-hero);outline-offset:-2px;border-radius:var(--r-pill)}.lesson-topbar .lesson-top-progress{border-radius:var(--r-pill);appearance:none;width:auto;min-width:0;max-width:200px;height:6px;color:var(--on-hero);background:var(--on-hero-glass-strong);border:0;flex:auto;margin-inline:auto;display:block;overflow:hidden}.lesson-session .lesson-top-progress::-webkit-progress-bar{border-radius:var(--r-pill);background:var(--on-hero-glass-strong)}.lesson-session .lesson-top-progress::-webkit-progress-value{border-radius:var(--r-pill);background:var(--on-hero);width:100%;transform:scaleX(var(--lesson-progress-fraction,0));transform-origin:0;transition:transform .24s}.lesson-session .lesson-top-progress::-moz-progress-bar{border-radius:var(--r-pill);background:var(--on-hero);width:100%;transform:scaleX(var(--lesson-progress-fraction,0));transform-origin:0;transition:transform .24s}@media (min-width:768px){.lesson-topbar :is(.lesson-reel-progress,.lesson-top-progress){width:200px;position:absolute;left:50%;transform:translate(-50%)}}.lesson-reel-progress{flex:auto;align-items:center;gap:4px;min-width:0;max-width:200px;margin-inline:auto;display:flex}.lesson-reel-segment{border-radius:var(--r-pill);background:var(--on-hero-glass-strong);flex:1 1 0;height:6px;overflow:hidden}.lesson-reel-segment-fill{background:var(--on-hero);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.lesson-reel-segment[data-state=filled] .lesson-reel-segment-fill{transform:scaleX(1)}.lesson-reel-segment[data-state=active] .lesson-reel-segment-fill{animation-name:grow-x;animation-timing-function:linear;animation-fill-mode:forwards}.lesson-reel-segment[data-paused=true] .lesson-reel-segment-fill{animation-play-state:paused}@keyframes grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.lesson-scroll-area{overscroll-behavior:contain;flex-direction:column;grid-row:2;min-height:0;display:flex;overflow-y:auto}.lesson-stage{padding:var(--sp-2) 20px var(--sp-4);animation:fade-in var(--m-settle) ease-out;flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;display:flex;position:relative}@media (min-width:1024px){.lesson-stage{padding:var(--sp-2) var(--sp-5) var(--sp-7)}}@keyframes fade-in{0%{opacity:0}}::view-transition-old(root){animation-duration:var(--m-settle)}::view-transition-new(root){animation-duration:var(--m-settle)}.lesson-stage[data-entry=crossfade],.lesson-stage[data-entry=crossfade] .card-slide-band{animation:none}.lesson-stage[data-entry=crossfade] .lesson-card:after{display:none}.lesson-stage:has(.lesson-card){animation:none}.lesson-stage .card-slide-band{animation:fade-in var(--m-settle) ease-out}.lesson-stage .lesson-card:after{content:"";z-index:3;border-radius:inherit;background:var(--surface-writing);pointer-events:none;animation:paper-lift var(--m-settle) ease-out forwards;position:absolute;inset:0}@keyframes paper-lift{to{opacity:0;visibility:hidden}}.lesson-session .lesson-celebration{width:100%;max-width:var(--practice-column);margin-inline:auto}.lesson-stage.lesson-stage-complete{flex:1 1 0;min-height:0}.lesson-stage-complete>.lesson-celebration{text-align:center;min-height:0;padding-bottom:max(var(--sp-3), env(safe-area-inset-bottom));flex-direction:column;flex:1 1 0;justify-content:safe center;display:flex}.lesson-stage-complete>.lesson-celebration>*{flex-shrink:0}.lesson-controls{min-height:80px;padding:12px 20px max(12px, env(safe-area-inset-bottom));grid-row:3;align-items:center;display:flex}.lesson-controls-inner{justify-content:center;width:100%;display:flex}.lesson-controls .learner-button{border-radius:var(--r-md);width:min(360px,100%);min-width:min(280px,100%);min-height:56px;font-size:var(--t-ui);font-weight:700}.cta-group{justify-content:center;width:min(360px,100%);min-width:min(280px,100%);display:flex;position:relative}.cta-group>.learner-button{width:100%;min-width:0}.cta-group:has(>.cta-pause)>.learner-button{padding-inline:56px}@media (max-width:639px){.cta-group{width:100%;min-width:0}}.cta-pause,.cta-skip{z-index:2;border-radius:var(--r-pill);width:40px;height:40px;color:var(--primary-foreground);background:var(--primary);cursor:pointer;border:0;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.cta-pause:before,.cta-skip:before{content:"";position:absolute;inset:-2px}.cta-group:has(>.learner-button.awaiting-answer:not([data-paused=true])) :is(.cta-pause,.cta-skip){color:var(--cta-on-hero-fg);background:var(--cta-on-hero-bg);left:50%;transform:translate(-50%,-50%)}.cta-group:has(>.learner-button.awaiting-answer:not([data-paused=true])):has(>.cta-skip) .cta-pause{left:calc(50% - 26px)}.cta-group:has(>.learner-button.awaiting-answer:not([data-paused=true])):has(>.cta-skip) .cta-skip{left:calc(50% + 26px)}.lesson-session :is(.lesson-controls .learner-button.primary,.completion-cta.learner-button.primary)[data-paused=true]{visibility:visible;background:var(--surface-writing);color:var(--primary);box-shadow:none;display:flex}.lesson-session :is(.lesson-controls .learner-button.primary,.completion-cta.learner-button.primary)[data-paused=true]:after{content:"";z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 1.5px var(--primary);pointer-events:none;position:absolute;inset:0}.lesson-controls .learner-button.awaiting-answer{visibility:hidden}@media (max-width:639px){.lesson-controls .learner-button{width:100%;min-width:0;display:flex}}.lesson-session .learner-button.primary{color:var(--primary);background:var(--paper);box-shadow:var(--elev-cta);animation:label-in var(--m-settle) ease-out;font-weight:700;position:relative;overflow:hidden}@keyframes label-in{0%{color:#0000}}.lesson-session .learner-button.primary:hover{box-shadow:var(--shadow-cta-hover)}.lesson-session .learner-button:disabled{color:var(--on-hero);background:var(--on-hero-glass-strong);box-shadow:none;opacity:1}.lesson-session .learner-button.primary .cta-label{z-index:1;align-items:center;gap:10px;display:inline-flex;position:relative}.lesson-session .learner-button.primary .cta-fill-track{border-radius:inherit;clip-path:inset(0 round var(--r-md));position:absolute;inset:0;overflow:hidden}.lesson-session .learner-button.primary .cta-fill{transform-origin:0;background:color-mix(in oklch, var(--primary) 14%, var(--paper));position:absolute;inset:0;transform:scaleX(0)}.lesson-session .learner-button.primary[data-advance-fill] .cta-fill{animation-name:grow-x;animation-duration:var(--cta-fill-ms,0s);animation-timing-function:linear;animation-fill-mode:forwards}.lesson-session .learner-button.primary[data-advance-fill=paused] .cta-fill{animation-play-state:paused}.lesson-session .learner-button.primary[data-advance-wait=tap] .cta-fill{opacity:0;transition:opacity var(--m-exit) ease-out}@media (min-width:761px){.lesson-session{--card-pad-x:var(--sp-7)}}@media (min-width:1024px) and (min-height:700px){.lesson-session{--practice-column:880px}}.lesson-session .lesson-stage:has(>.card-slide){min-height:0;padding-top:var(--sp-2);flex:1 1 0;justify-content:safe center}.card-slide{width:100%;min-height:0;max-width:var(--practice-column);flex-direction:column;flex:0 auto;display:flex}.card-slide-band{flex-direction:column;flex:0 1 var(--instruction-band);justify-content:safe flex-end;min-height:0;display:flex}.card-slide-band>:last-child{margin-bottom:var(--sp-4)}.lesson-card{width:100%;min-height:var(--page-height);padding:var(--card-pad);border-radius:var(--r-lg);background:var(--surface-writing);box-shadow:var(--elev-card);text-align:center;flex:none;position:relative}.lesson-card.lesson-explanation{justify-content:safe center}.lesson-card:is(.stage-card,.answer-grid){align-content:safe center}.lesson-session .completion-card{flex-direction:column;justify-content:center;display:flex}@media (max-height:560px),(hover:none),(pointer:coarse),(max-width:639px){.lesson-session .lesson-stage:has(>.card-slide){justify-content:flex-start}.card-slide{flex-grow:1}.lesson-card{flex:1 0 auto;min-height:0;max-height:35rem}.lesson-card:has(.lesson-explanation-image[data-size=full]){max-height:none}}@media (max-width:359px){.lesson-session{--field-side:40px;--card-pad-x:var(--sp-3)}.lesson-stage,.lesson-controls{padding-inline:var(--sp-2)}.lesson-topbar{gap:2px;padding-inline:4px}.lesson-topbar .learner-icon-button{width:32px;height:32px}.lesson-topbar .learner-icon-button:before{inset:-2px}.cta-pause,.cta-skip{width:32px;height:32px;left:4px}.cta-group:has(>.cta-pause)>.learner-button{padding-inline:40px 4px}.lesson-session .stage-intro-sentence[data-dense=true]{line-height:1.15}.lesson-session .lesson-explanation:has(.lesson-explanation-image[data-size=full]){padding-block:var(--sp-3)}.lesson-session .stage-en-input:placeholder-shown{padding-inline:4px 46px}.lesson-session .stage-en-input::placeholder{font-size:min(var(--t-ui), calc((100vw - 88px) * .105))}.lesson-session .onboarding-welcome{padding-inline:var(--sp-2)}.lesson-session .onboarding-welcome .onboarding-welcome-wordmark{font-size:min(2.25rem,19vw - 6.08px)}}@media (max-width:199px){.lesson-topbar,.lesson-topbar-end{gap:0}.lesson-topbar .learner-icon-button{width:28px;height:28px}.lesson-controls .learner-button{padding-inline:6px}.lesson-session .lesson-controls .cta-label>svg:not(.lucide-play){display:none}}@media (max-height:380px){.lesson-scroll-area .card-slide:has(.answer-grid)>.card-slide-band:has(.stage-instruction){z-index:4;background:var(--canvas-practice);background-size:100vw 100dvh;background-attachment:fixed;min-height:min-content;position:sticky;top:0}}@media (max-height:560px){.lesson-session{--card-pad-bottom:var(--sp-2)}.lesson-controls .learner-button{min-height:44px}.lesson-topbar :is(.lesson-reel-progress,.lesson-top-progress){max-width:120px}.lesson-controls{min-height:0;padding-block:6px max(6px, env(safe-area-inset-bottom))}.lesson-card:is(.stage-card,.answer-grid){flex:none}.lesson-controls[data-idle=true]{display:none}.lesson-stage{padding-block:6px}}@media (prefers-reduced-motion:reduce){.learner-theme *,.learner-theme :before,.learner-theme :after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-delay:0s!important}.lesson-session .learner-button.primary .cta-fill{animation-duration:var(--cta-fill-ms,0s)!important}.lesson-reel-segment-fill{animation:none!important}}.lesson-slide-ref{z-index:3;padding:2px var(--sp-2);border:1px solid var(--border);border-radius:var(--r-pill);background:var(--paper);color:var(--ink-muted);opacity:.85;font-size:var(--t-caption);font-variant-numeric:tabular-nums;cursor:copy;position:absolute;bottom:6px;right:8px}.lesson-slide-ref:before{content:"";position:absolute;inset:-8px}.lesson-slide-ref[data-copied=true]{color:var(--primary);opacity:1}.onboarding-welcome{justify-items:center;gap:var(--sp-5);animation:fade-in var(--m-enter) ease-out;margin:auto;padding-inline:24px;display:grid}.onboarding-welcome-english{text-align:center;text-wrap:balance;color:var(--on-hero);font-size:var(--t-section);margin:0;font-weight:600}.onboarding-welcome-wordmark{text-align:left;max-width:100%;margin:0;font-size:clamp(2.25rem,1.2rem + 3.2vw,4rem)}@media (max-width:639px){.onboarding-welcome .onboarding-welcome-wordmark{align-items:center;gap:var(--sp-5);text-align:center;flex-direction:column}.onboarding-welcome .onboarding-welcome-wordmark>.brand-lockup{white-space:normal;margin-top:0;line-height:1.15}}
.lesson-explanation{overflow-wrap:break-word;text-wrap:balance;flex-direction:column;align-items:center;display:flex}.lesson-explanation>.practice-markdown-content{gap:14px;width:100%;display:grid}.lesson-explanation>.practice-markdown-content>*{margin:0}.lesson-explanation :is(p,li){color:var(--foreground);font-size:min(var(--t-sentence), 3.8dvh);font-weight:500;line-height:1.4}.lesson-explanation :is(h1,h2,h3){color:var(--foreground);font-size:min(var(--t-sentence), 3.8dvh);font-weight:800;line-height:1.25}.lesson-explanation strong{font-weight:700}.learner-theme em.italic{color:var(--ink-muted);font-style:normal;font-weight:500}.lesson-explanation[data-wraps=true],.lesson-explanation[data-wraps=true] :is(.practice-markdown-content,h1,h2,h3,p,li){text-align:left}.lesson-explanation-image{width:100%;max-height:32dvh;margin:0 auto var(--sp-5);object-fit:contain;border-radius:var(--r-sm)}.lesson-explanation-image[data-image-step=shrink]{max-height:12dvh}.lesson-explanation-image[data-image-step]:is([data-image-step=fit],[data-image-step=shrink-fit]){max-height:var(--image-fit)}.lesson-explanation-image[data-image-step^=shrink]{margin-bottom:var(--sp-2)}.lesson-explanation-image[data-image-step=hidden]{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lesson-explanation-bulb[data-image-step=hidden]{display:none}@media (max-width:359px){.lesson-explanation[data-text-step=small] :is(p,li),.hero-explanation[data-text-step=small] .hero-question{font-size:var(--t-ui)}}.lesson-explanation-image[data-size=full]{max-height:min(68dvh,640px);margin-bottom:var(--sp-1)}.lesson-explanation:has(.lesson-explanation-image[data-size=full]){padding-block:var(--sp-4)}.lesson-explanation:has(.lesson-explanation-image[data-size=full]) :is(p,li){font-size:var(--t-body)}.lesson-explanation:has(>.card-listen):has(.lesson-explanation-image[data-size=full]) :is(p,li){padding-inline:36px}.lesson-explanation-bulb{margin:0 auto var(--sp-4);justify-content:center;display:flex}.lesson-explanation-bulb svg{width:clamp(56px,3rem + 3vw,88px);height:auto}.lesson-explanation-illustration{color:var(--ink-graphite)}.lesson-explanation-illustration svg{width:min(clamp(96px,5rem + 5vw,128px),15dvh)}.hero-explanation .lesson-explanation-illustration{color:var(--on-hero)}.learner-theme mark,.practice-markdown-content mark{color:inherit;background:0 0;border:0;border-radius:0;padding:0}.learner-theme mark.spanish,.learner-theme mark[data-language=es],.practice-markdown-content mark.spanish,.practice-markdown-content mark[data-language=es]{color:var(--lesson-hl-es);font-weight:500}.learner-theme mark.english,.learner-theme mark[data-language=en],.practice-markdown-content mark.english,.practice-markdown-content mark[data-language=en]{color:var(--lesson-hl-en);background:var(--lang-en-highlight);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:.2em;padding-inline:.12em;font-style:normal;font-weight:800}.lesson-explanation mark[data-language]{text-transform:var(--lang-mark-caps);overflow-wrap:anywhere;word-break:break-word}.lesson-explanation mark[data-short=true]{white-space:nowrap}.spelled{gap:2px;display:inline-flex}.spelled kbd{border:1px solid var(--border);background:var(--card);min-width:1.6em;height:1.6em;box-shadow:inset 0 -2px 0 var(--border);font-variant-numeric:tabular-nums;text-transform:uppercase;border-radius:6px;justify-content:center;align-items:center;padding:0 .15em;font-family:ui-monospace,monospace;font-size:.85em;line-height:1;display:inline-flex}@media (max-height:560px),(max-width:359px){.lesson-explanation :is(p,li){font-size:var(--t-body)}.lesson-explanation-image{contain:size;flex:1 1 0;min-height:56px;max-height:48dvh}.hero-explanation .lesson-explanation-image{contain:none;flex:none;min-height:0}.lesson-explanation-image[data-size=full]{max-height:min(56dvh,420px)}.lesson-explanation>.practice-markdown-content{gap:var(--sp-2)}.lesson-explanation-bulb{margin-bottom:var(--sp-2)}.lesson-explanation-bulb svg{width:48px}}@media (hover:none){.lesson-explanation{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}}.lesson-explanation .explanation-theme{width:min(100%,420px);margin-top:min(var(--sp-3), 1.6dvh);row-gap:min(var(--sp-2), 1.2dvh);text-align:center}.lesson-explanation .explanation-theme .settings-theme-option{font-size:clamp(11px, 2.3dvh, var(--t-caption));gap:min(5px,.6dvh);line-height:1.15}.lesson-explanation .explanation-theme .settings-theme-swatch{height:min(1.875rem,4.6dvh)}.lesson-explanation:has(.explanation-theme) :is(p,li){font-size:min(var(--t-sentence), 4.2dvh, 6.4vw);line-height:1.3}@media (orientation:landscape) and (max-height:500px){.lesson-explanation .explanation-theme{grid-template-columns:repeat(5,1fr);width:min(100%,640px)}.lesson-explanation .explanation-theme .settings-theme-swatch{height:30px}}.lesson-explanation .explanation-theme .settings-theme-option input:checked+.settings-theme-swatch{outline-offset:2px;outline-width:2px}.lesson-explanation .explanation-theme legend{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
.answer-grid{position:relative}.lesson-session .answer-piece{border:0;position:relative}.vocabulary-practice .answer-grid{flex-flow:column;align-items:stretch}.answer-source{max-width:26rem;display:block}.answer-field{min-width:0;display:block;position:relative}.answer-field-sizer-stack{display:grid}.answer-field-sizer{visibility:hidden;border:2px solid #0000;grid-area:1/1;font-weight:700;display:block;overflow:hidden}.answer-input{width:100%;min-width:0;color:var(--lesson-hl-en);display:block}.lesson-session .answer-input{position:absolute;inset:0}.answer-input::placeholder{color:var(--muted-foreground);font-size:1.125rem;font-weight:400}.lesson-session .answer-piece:focus-within .answer-field{transition:transform .14s ease-out}.answer-input:focus{outline-offset:2px}.answer-note{align-items:flex-start;gap:6px}.lesson-session .vocabulary-practice .answer-grid{padding-inline:calc(var(--card-pad-x) + 7.5px) calc(var(--card-pad-x) - 7.5px);grid-template-columns:minmax(0,max-content) minmax(8rem,max-content);grid-auto-rows:max-content;justify-content:center;gap:4px 18px;display:grid}.lesson-session .vocabulary-practice .answer-piece{grid-column:1/-1;grid-template-columns:subgrid;width:100%;max-width:none;min-height:44px;padding:var(--sp-2) var(--sp-3);margin-inline:calc(-1 * var(--sp-3));border-radius:var(--r-sm);flex:none;align-items:center;gap:2px 18px;transition:background .16s;display:grid}.lesson-session .vocabulary-practice .answer-field .stage-hint-corner{width:24px;height:36px;box-shadow:none;background:0 0;top:50%;right:2px;transform:translateY(-50%)}.lesson-session .vocabulary-practice .answer-hint-replay[data-speaking=true] svg{animation:1.2s ease-out infinite pulse-opacity}.lesson-session .vocabulary-practice .answer-field .stage-hint-corner:before{inset:-4px -2px}.lesson-session .vocabulary-practice .answer-piece:focus-within .answer-input{padding-right:26px}.lesson-session .vocabulary-practice .answer-field .stage-en-type-over{color:var(--ink-ballpoint-quiet);opacity:.6;font-size:var(--t-sentence);text-align:left;justify-content:flex-start;align-items:center;padding:0 26px 0 10px;line-height:1.35;position:absolute;inset:0;overflow:hidden}.lesson-session .vocabulary-practice .answer-field .stage-hint-ghost[data-exiting=true]{opacity:0}.lesson-session .vocabulary-practice .answer-source{text-align:left;color:var(--ink-deep);font-size:var(--t-sentence);overflow-wrap:normal;word-break:keep-all;font-weight:500;line-height:1.35}.lesson-session .vocabulary-practice .answer-field-sizer{min-width:0;max-width:none;font-size:var(--t-sentence);white-space:nowrap;padding:8px 26px 8px 10px;line-height:1.35}.lesson-session .vocabulary-practice .answer-input{text-align:left;border-radius:var(--r-md);background:var(--field-fill);min-height:0;box-shadow:inset 0 0 0 1.5px var(--field-ring);font-size:var(--t-sentence);border:0 #0000;padding:6px 10px;font-weight:700;line-height:1.35;transition:background .16s,box-shadow .16s}.lesson-session .vocabulary-practice .answer-input:focus{background:var(--field-fill-active);outline:none}.lesson-session .vocabulary-practice .answer-piece.correct .answer-input{box-shadow:none;background:0 0}.lesson-session .vocabulary-practice .answer-completed-text{text-align:left;min-height:0;color:var(--lesson-hl-en);font-size:var(--t-sentence);overflow-wrap:normal;padding:6px 10px;font-weight:700;line-height:1.35;position:absolute;inset:0}.lesson-session .vocabulary-practice .answer-piece.correct .answer-field:not(:focus-within) .answer-input{opacity:0}.lesson-session .vocabulary-practice .answer-piece.correct .answer-field:focus-within .answer-completed-text{visibility:hidden}.lesson-session .vocabulary-practice .answer-note{width:fit-content;max-width:100%;color:var(--chip-ink);font-size:var(--t-ui);text-align:left;grid-area:2/1/auto/-1;place-self:start;font-weight:600;line-height:1.35;display:inline-flex}.lesson-session .vocabulary-practice .answer-note mark[data-language=es]{color:var(--chip-es)}.lesson-session .vocabulary-practice .answer-note mark[data-language=en]{color:var(--chip-en);background:0 0}@media (max-width:480px){.lesson-session .vocabulary-practice .answer-grid{grid-template-columns:minmax(0,max-content) minmax(6.5rem,max-content);gap:2px 10px}.lesson-session .vocabulary-practice .answer-piece{min-height:0;padding:var(--sp-2) var(--sp-2);margin-inline:calc(-1 * var(--sp-2)) calc(-1 * min(var(--sp-2), var(--card-pad-x) - 9.5px));gap:2px 10px}.lesson-session .vocabulary-practice .answer-piece[data-long-row=true] .answer-field-sizer,.lesson-session .vocabulary-practice .answer-piece[data-long-row=true] .answer-input,.lesson-session .vocabulary-practice .answer-piece[data-long-row=true] .answer-completed-text{font-size:clamp(var(--t-ui), calc(var(--t-body) - var(--answer-chars-over,0) * .015rem), var(--t-body));padding-inline:10px}.lesson-session .vocabulary-practice .answer-field-sizer{white-space:normal;overflow-wrap:normal;min-height:0}.lesson-session .vocabulary-practice .answer-piece[data-long-row=true] .answer-source{grid-area:1/1/auto/-1}.lesson-session .vocabulary-practice .answer-piece[data-long-row=true] .answer-field{grid-area:3/1/auto/-1;width:100%}.lesson-session .vocabulary-practice .answer-piece[data-long-row=true] .answer-field-sizer{white-space:nowrap;padding-inline:10px 26px}}@media (max-width:359px){.lesson-session .vocabulary-practice .answer-piece[data-long-row=true] .answer-field{display:grid}.lesson-session .vocabulary-practice .answer-piece[data-long-row=true] :is(.answer-field-sizer-stack,.answer-completed-text){grid-area:1/1}.lesson-session .vocabulary-practice .answer-piece[data-long-row=true] .answer-completed-text{position:static}}@media (max-width:480px),(max-height:560px){.lesson-session .vocabulary-practice .answer-source,.lesson-session .vocabulary-practice .answer-field-sizer,.lesson-session .vocabulary-practice .answer-input,.lesson-session .vocabulary-practice .answer-completed-text,.lesson-session .vocabulary-practice .answer-field .stage-en-type-over{font-size:var(--t-body)}}@media (max-height:560px){.lesson-session .vocabulary-practice .answer-grid{row-gap:1px}.lesson-session .vocabulary-practice .answer-piece{padding-block:1px}.lesson-session .vocabulary-practice .answer-field-sizer{padding-block:3px}}.lesson-session .vocabulary-practice .answer-piece.correct .answer-field[data-success=true]:not(:focus-within) .answer-input{opacity:1;color:var(--success);background:var(--success-tint);box-shadow:inset 0 0 0 2px var(--success);padding-right:1.9em}.lesson-session .vocabulary-practice .answer-field[data-success=true] .answer-completed-text{visibility:hidden}@media (max-height:560px),(hover:none),(pointer:coarse),(max-width:639px){.lesson-session .vocabulary-practice .answer-grid{max-height:none}}@media (min-width:1024px) and (min-height:700px){.lesson-session .vocabulary-practice .answer-grid{max-height:max(var(--page-height), 70dvh);overflow-y:auto}}.lesson-session .vocabulary-practice .answer-field .answer-box-check{color:var(--success);pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.lesson-session .vocabulary-practice .answer-piece:is(:focus-within,[data-speak-current=true]):not(.correct):after{content:"";border:2px solid var(--row-active);border-radius:var(--r-md);box-shadow:0 0 10px color-mix(in oklch, var(--row-active) 55%, transparent), inset 0 0 8px color-mix(in oklch, var(--row-active) 22%, transparent);pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.lesson-session .answer-grid:not(:has([data-window])) .answer-piece.correct+.answer-piece:after{animation:box-glide var(--m-settle) var(--ease-out)}}@keyframes box-glide{0%{transform:translateY(calc(-100% - 4px))}}.lesson-session .vocabulary-practice .answer-piece[data-row=next] .answer-field{visibility:hidden}.lesson-session .vocabulary-practice .answer-piece[data-row-id]{transition:background .16s, transform var(--m-settle) var(--ease-out)}.lesson-session .vocabulary-practice .answer-piece[data-window=edge]{opacity:.35}.lesson-session .vocabulary-practice .answer-piece[data-window=out]{display:none}.lesson-session .vocabulary-practice .answer-slot{height:var(--answer-slot,44px);grid-column:1/-1}
.stage-instruction{justify-content:center;align-items:baseline;gap:var(--sp-2);flex-wrap:wrap;display:flex}.stage-instruction[data-fit=measure] :is(p,h1,h2,h3){font-size:var(--t-body);line-height:1.45}.stage-instruction[data-fit=tight] :is(p,h1,h2,h3){font-size:var(--t-ui);line-height:1.25}.sentence-stage[data-complete=true] .stage-instruction{visibility:hidden}.stage-instruction :is(p,h1,h2,h3){color:var(--on-hero);font-size:var(--t-body);text-align:center;text-wrap:balance;margin:0;font-weight:600;line-height:1.45}.lesson-session .card-slide-band :is(mark.spanish,mark[data-language=es]){color:var(--lang-es-on-hero);font-weight:500}.lesson-session .card-slide-band :is(mark.english,mark[data-language=en]){color:var(--lang-en-on-hero);background:0 0;padding-inline:0;font-weight:800}.stage-card,.stage-beat-stack{display:grid}.stage-beat-stack>*{grid-area:1/1;align-self:start;min-width:0}.stage-beat-stack>.stage-recap{align-self:center}.stage-focus-reference-ghost{visibility:hidden;pointer-events:none}.stage-card[data-hug][data-beat=focus] .ghost-recap{display:none}.lesson-card[data-hug]:not([data-beat=reassembled],:has(>.card-listen)){padding-top:var(--sp-3)}.stage-card[data-hug][data-beat=reassembled] .stage-focus-reference-ghost{display:none}.stage-card[data-hug] .stage-recap[data-length=long] .stage-recap-pairs{row-gap:4px}.stage-card[data-hug] .stage-recap[data-length=long] .stage-recap-pair{gap:.1em;padding-block:0;line-height:1.1}.stage-card[data-hug] .stage-recap[data-length=short] .stage-recap-pairs{margin-bottom:calc(-1 * var(--sp-2))}.stage-card[data-hug] .stage-recap[data-length=short] .stage-recap-pair{margin-bottom:var(--sp-2)}.stage-card[data-hug] .stage-recap[data-length=short] :is(.stage-recap-es,.stage-recap-en){font-size:var(--t-ui)}.stage-card:is([data-hug="2"],[data-hug="3"],[data-hug="4"]) .stage-recap[data-length=short] .stage-recap-pairs{text-wrap:wrap}.stage-card:is([data-hug="2"],[data-hug="3"],[data-hug="4"]) .stage-recap[data-length=short] .stage-recap-pair{margin-inline:.2em}.stage-card:is([data-hug="2"],[data-hug="3"],[data-hug="4"]) .stage-recap-pair{gap:.1em;line-height:1.1}.stage-card:is([data-hug="2"],[data-hug="3"],[data-hug="4"])[data-beat=focus] :is(.stage-piece,.stage-built-tail){font-size:var(--t-ui)}.stage-card:is([data-hug="3"],[data-hug="4"]) .stage-recap-note,.stage-card[data-hug="4"][data-beat=focus] .stage-window-counter{display:none}.stage-card[data-hug="4"][data-beat=focus]:not([data-speaking=true]) .stage-built-tail{min-height:1.4em;max-height:1.4em}.stage-card[data-hug="4"][data-beat=focus]:not([data-speaking=true]) :is(.stage-focus,.ghost-focus)[data-length=short] .stage-built-tail{display:none}.stage-card[data-hug="4"][data-beat=focus] .stage-hint-row{min-height:28px}.stage-focus,.stage-focus-card,.ghost-focus,.ghost-focus-card{align-items:center;gap:var(--sp-3);flex-direction:column;min-width:0;display:flex}.stage-focus-card,.ghost-focus-card{width:100%}.stage-piece-window{justify-content:center;max-width:100%;margin-inline:auto;display:flex}.stage-piece-track{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.15em .5em;display:flex}.stage-piece-window[data-sliding=true]{justify-content:flex-start;width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000);mask-image:linear-gradient(90deg,#0000,#000 25% 75%,#0000)}.stage-piece-window[data-sliding=true] .stage-piece-track{white-space:nowrap;transition:transform var(--m-settle) var(--ease-out);flex-wrap:nowrap}.stage-piece-spacer{flex-shrink:0}.stage-piece{border-radius:var(--r-sm);color:var(--ink-deep);font-size:var(--t-sentence);overflow-wrap:anywhere;border-bottom-style:none;flex:none;padding:.05em .25em;font-weight:500;line-height:1.3}.stage-piece[data-state=pending]{color:var(--muted-foreground)}.stage-piece[data-state=active]{isolation:isolate;position:relative}.stage-piece[data-state=active]:before{content:"";z-index:-1;background:var(--highlighter);border-radius:.6em .3em .7em .25em/.4em .5em .3em .6em;position:absolute;inset:.04em .06em -.04em .08em;transform:skew(-8deg)rotate(-.8deg)}.stage-piece[data-stroke="1"][data-state=active]:before{border-radius:.3em .7em .35em .6em/.5em .3em .6em .4em;inset:.08em .04em -.02em .09em;transform:skew(-5deg)rotate(.9deg)}.stage-piece[data-stroke="2"][data-state=active]:before{border-radius:.5em .45em .25em .7em/.3em .6em .5em .35em;inset:.02em .07em -.06em .05em;transform:skew(-10deg)rotate(-1.4deg)}.stage-piece[data-stroke="3"][data-state=active]:before{border-radius:.7em .25em .55em .4em/.45em .35em .55em .3em;inset:.06em .05em -.05em .06em;transform:skew(-6deg)rotate(.4deg)}.stage-piece[data-stroke="4"][data-state=active]:before{border-radius:.35em .6em .45em .3em/.6em .4em .3em .5em;inset:.03em .06em -.03em .04em;transform:skew(-9deg)rotate(-.4deg)}.stage-focus[data-length=single] .stage-piece,.ghost-focus[data-length=single] .stage-piece{min-width:0;max-width:100%;font-size:clamp(1.4rem, calc(var(--t-display) - var(--piece-chars-over,0) * .075rem), var(--t-display));letter-spacing:-.02em;text-align:center;flex:auto;line-height:1.15}@media (max-width:480px){.stage-focus[data-length=single] .stage-piece,.ghost-focus[data-length=single] .stage-piece{font-size:clamp(1.4rem, calc(var(--t-sentence) - var(--piece-chars-over,0) * .075rem), var(--t-sentence))}}@media (max-width:400px){.stage-focus:not([data-length=single]) .stage-piece,.ghost-focus:not([data-length=single]) .stage-piece{font-size:var(--t-body)}}.stage-focus .stage-en-input,.stage-focus .stage-en-type-over,.ghost-focus .stage-en-ghost{font-size:clamp(var(--t-ui), calc(var(--t-sentence) - var(--answer-chars-over,0) * .045rem), var(--t-sentence))}.stage-focus-card[data-size-tier=body] .stage-en-input,.stage-focus-card[data-size-tier=body] .stage-en-type-over{font-size:clamp(var(--t-ui), calc(var(--t-body) - var(--answer-chars-over,0) * .045rem), var(--t-body))}@media (max-width:480px){.stage-focus .stage-en-input,.stage-focus .stage-en-type-over,.ghost-focus .stage-en-ghost{--field-inside:calc(100vw - 88px - 2 * var(--field-side));font-size:min(clamp(var(--t-ui), calc(var(--t-sentence) - var(--answer-chars-over,0) * .045rem), var(--t-sentence)), max(.75rem, calc(var(--field-inside) / ((var(--answer-chars-over,0) + 8) * .55))))}.stage-focus-card[data-size-tier=body] .stage-en-input,.stage-focus-card[data-size-tier=body] .stage-en-type-over{font-size:min(clamp(var(--t-ui), calc(var(--t-body) - var(--answer-chars-over,0) * .045rem), var(--t-body)), max(.75rem, calc(var(--field-inside) / ((var(--answer-chars-over,0) + 8) * .55))))}.stage-focus .stage-en-input:is([data-success=true],[data-state=done]){--field-inside:calc(100vw - 88px - var(--field-side) - .45em);padding-right:.45em}.stage-focus-card .stage-focus .stage-single-answer{--field-inside:calc(100vw - 88px - .9em);font-size:min(var(--t-sentence), max(.75rem, calc(var(--field-inside) / ((var(--answer-chars-over,0) + 8) * .55))))}}@media (max-width:359px){.stage-focus .stage-en-input,.stage-focus .stage-en-type-over,.ghost-focus .stage-en-ghost{--field-inside:calc(100vw - 40px - 2 * var(--field-side))}.stage-focus .stage-en-input:is([data-success=true],[data-state=done]){--field-inside:calc(100vw - 40px - var(--field-side) - .45em)}.stage-focus-card .stage-focus .stage-single-answer{--field-inside:calc(100vw - 40px - .9em)}}.stage-window-counter{color:var(--muted-foreground);font-size:var(--t-caption);font-variant-numeric:tabular-nums;font-weight:600}.stage-built-tail{max-width:100%;min-height:2.8em;color:var(--lang-en-quiet);font-size:var(--t-body);white-space:normal;overflow-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.stage-hint-row,.ghost-hint-row{justify-content:center;min-height:44px;display:flex}.stage-callout{color:var(--ink-muted);font-size:var(--t-body);font-weight:500;line-height:1.4}.learner-theme .stage-callout :is(mark.english,mark[data-language=en]){padding-inline:0}.learner-theme .stage-callout :is(mark.spanish,mark[data-language=es]){color:var(--ink-print)}.stage-input-row{width:100%;position:relative}.stage-en-field{width:100%;display:block}.stage-en-slot{width:100%;font-size:var(--t-sentence);line-height:1.2;display:grid;position:relative}.stage-focus-card[data-size-tier=body] .stage-en-slot,.ghost-focus-card[data-size-tier=body] .stage-en-ghost{font-size:var(--t-body)}.stage-en-slot>*{grid-area:1/1;min-width:0}.stage-en-input,.stage-en-ghost{box-sizing:border-box;width:100%;min-width:0;block-size:calc(var(--t-sentence) * 1.8);padding:0 var(--field-side);border-radius:var(--r-md);font:inherit;text-align:center;border:0;font-weight:700;line-height:1.2;display:block}.stage-en-input{background:var(--field-fill);color:var(--lang-en);caret-color:var(--lang-en);transition:background .16s}.stage-en-input:placeholder-shown{caret-color:#0000}.stage-en-input::placeholder{color:var(--ink-ballpoint-quiet);font-size:var(--t-ui);letter-spacing:normal;font-weight:500}.stage-en-type-over{z-index:1;padding:0 var(--field-side);text-align:center;white-space:pre;color:var(--muted-foreground);opacity:.4;pointer-events:none;justify-content:center;align-self:center;font-weight:700;display:flex}.stage-en-type-over-typed{visibility:hidden}.stage-hint-ghost{justify-content:safe center;overflow-x:clip}.stage-hint-ghost[data-exiting=true]{opacity:0;transition:opacity var(--m-exit) ease-out}.stage-hint-answer{display:none}.stage-hint-row:has(.stage-hint-answer){flex-direction:column;align-items:center}.stage-card:not([data-speaking=true]) .stage-focus-card:has(.stage-en-slot[data-hint-clipped]) .stage-hint-answer{color:var(--lang-en);font-size:var(--t-body);text-align:center;overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.3;display:block}.stage-card:not([data-speaking=true]) .stage-focus-card:has(.stage-en-slot[data-hint-clipped]) .stage-hint-answer~.stage-callout{display:none}.stage-card:not([data-speaking=true]) .stage-en-slot[data-hint-clipped] .stage-hint-ghost{visibility:hidden}.stage-focus-card:has(.stage-hint-ghost[data-exiting=true]) .stage-hint-answer{opacity:0;transition:opacity var(--m-exit) ease-out}.stage-en-slot:has(.stage-en-type-over:not([data-matches=false])) .stage-en-input{padding-left:var(--type-over-start,var(--field-side));text-align:left;padding-right:0}.stage-en-input:focus{background:var(--field-fill-active);outline:none}.stage-en-input[data-state=done]{background:0 0}.stage-en-input[data-success=true]{background:var(--success-tint);color:var(--success);box-shadow:inset 0 0 0 2px var(--success)}.stage-en-slot .answer-box-check{color:var(--success);pointer-events:none;place-self:center start;margin-left:16px}.stage-en-typeahead{color:var(--ink-ballpoint-quiet);font-size:var(--t-ui);pointer-events:none;overflow-wrap:anywhere;place-self:center end;margin-right:16px;font-weight:500}.extra-to-struck{text-decoration:line-through;-webkit-text-decoration-color:var(--ink-ballpoint-quiet);text-decoration-color:var(--ink-ballpoint-quiet)}.stage-input-row:has(.stage-en-input[data-success=true]) .stage-hint-corner{visibility:hidden}.stage-input-row .stage-hint-corner{box-shadow:none;background:0 0;top:50%;right:6px;transform:translateY(-50%)}.stage-focus-complete{color:var(--muted-foreground);font-size:var(--t-body);font-weight:600}.stage-focus-card .stage-single-answer{box-sizing:border-box;min-block-size:calc(var(--t-sentence) * 1.8);border-radius:var(--r-sm);background:var(--lang-en-highlight);color:var(--lang-en);font-size:var(--t-sentence);align-items:center;padding:0 .45em;font-weight:800;line-height:1.2;display:inline-flex}.stage-hint-corner{top:var(--sp-4);right:var(--sp-4);z-index:1;border-radius:var(--r-pill);width:40px;height:40px;color:var(--primary);background:var(--card);box-shadow:var(--elev-float);cursor:pointer;border:0;justify-content:center;align-items:center;transition:background .18s;display:flex;position:absolute}.stage-hint-corner:before{inset:-2px}.stage-hint-corner:hover:not(:disabled){background:var(--muted)}.stage-hint-corner[data-active=true]{background:color-mix(in oklch, var(--primary) 16%, var(--card))}.bulb-icon{color:var(--bulb-ink)}.bulb-icon path:first-of-type{fill:var(--bulb)}.stage-hint-extra-to{text-decoration:line-through;-webkit-text-decoration-color:var(--ink-muted);text-decoration-color:var(--ink-muted)}.stage-hint-extra-note{color:var(--ink-muted);font-size:var(--t-ui);text-align:center;font-weight:500;line-height:1.3}@keyframes pulse-opacity{50%{opacity:.45}}.typo-correction{color:var(--destructive);font-weight:700}.stage-recap,.ghost-recap,.stage-intro{align-items:center;gap:var(--sp-2);text-align:center;flex-direction:column;max-width:100%;display:flex}.stage-recap-note{color:var(--ink-graphite);font-size:var(--t-ui);font-weight:500}.stage-recap-pairs{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:8px 10px;max-width:100%;display:flex}.stage-recap-pair{max-width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;flex-direction:column;align-items:center;gap:.3em;padding:2px 4px;line-height:1.2;display:inline-flex}.stage-recap-pair:hover,.stage-recap-pair:focus-visible{background:var(--field-en-rest)}.stage-recap-es{color:var(--ink-deep);font-size:clamp(1rem,.8rem + .75vw,1.375rem);font-weight:500}.stage-recap-en{color:var(--lang-en);font-size:clamp(1.1875rem,.85rem + 1.3vw,1.75rem);font-weight:700}:is(.stage-recap,.ghost-recap)[data-size=compact] .stage-recap-es{font-size:clamp(.8125rem,.7rem + .4vw,1.0625rem)}:is(.stage-recap,.ghost-recap)[data-size=compact] .stage-recap-en{font-size:clamp(1rem,.85rem + .6vw,1.375rem)}:is(.stage-recap,.ghost-recap)[data-length=short] :is(.stage-recap-es,.stage-recap-en){font-size:var(--t-sentence)}:is(.stage-recap,.ghost-recap)[data-length=short] .stage-recap-pairs{text-align:center;text-wrap:balance;display:block}:is(.stage-recap,.ghost-recap)[data-length=short] .stage-recap-pair{margin:0 .45em var(--sp-4);vertical-align:bottom}@media (max-width:400px){:is(.stage-recap,.ghost-recap)[data-length=short] :is(.stage-recap-es,.stage-recap-en){font-size:var(--t-body)}}:is(.stage-recap,.ghost-recap)[data-size=dense] .stage-recap-pairs{gap:4px 8px}:is(.stage-recap,.ghost-recap)[data-size=dense] .stage-recap-es{font-size:clamp(.75rem,.6rem + .5vw,1rem)}:is(.stage-recap,.ghost-recap)[data-size=dense] .stage-recap-en{font-size:clamp(.9375rem,.75rem + .6vw,1.25rem)}.card-listen{border-radius:var(--r-pill);width:28px;height:28px;color:var(--lang-en);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:12px;right:12px}.stage-hint-corner:before,.card-listen:before{content:"";position:absolute}.card-listen:before{inset:-8px}.card-listen:hover{background:var(--field-en-rest)}.card-listen.playing{animation:1.2s ease-out infinite ring-pulse}.stage-hint-corner:focus-visible,.card-listen:focus-visible{outline:3px solid color-mix(in oklch, var(--primary) 32%, transparent);outline-offset:1px}.card-listen--cue{animation:1.2s ease-out 3 ring-pulse}.stage-intro-label{color:var(--muted-foreground);font-size:var(--t-caption);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.stage-intro-sentence{color:var(--ink-deep);font-size:var(--t-sentence);text-wrap:balance;overflow-wrap:anywhere;font-weight:600;line-height:1.3}.stage-intro-sentence[data-dense=true]{font-size:var(--t-body)}@media (min-height:561px) and (min-width:360px){.stage-intro-sentence[data-dense=true][data-fit]{font-size:var(--t-sentence)}}.stage-intro-piece{animation:fade-in .32s var(--ease-out) backwards;margin-right:.3em;display:inline-block}@keyframes ring-pulse{0%{box-shadow:0 0 0 0 var(--field-en-ring)}to{box-shadow:0 0 0 6px #0000}}.stage-en-input[data-miss]{animation:answer-miss .32s var(--ease-out)}@keyframes answer-miss{0%,to{transform:translate(0)}20%,60%{box-shadow:inset 0 0 0 2px var(--state-danger);transform:translate(-5px)}40%,80%{box-shadow:inset 0 0 0 2px var(--state-danger);transform:translate(5px)}}@media (max-height:560px),(max-width:359px){.stage-instruction :is(p,h1,h2,h3){font-size:var(--t-ui);line-height:1.25}.stage-focus,.stage-focus-card,.ghost-focus,.ghost-focus-card{gap:var(--sp-2)}.stage-hint-row,.ghost-hint-row{min-height:36px}.stage-focus[data-length=single] .stage-piece,.ghost-focus[data-length=single] .stage-piece{font-size:min(var(--t-sentence), calc((100vw - 56px) / (var(--piece-longest-word,1) * .52)))}.ghost-recap[data-length=long],.stage-card[data-beat=reassembled][data-length=long] .stage-focus-reference-ghost{display:none}.stage-intro-sentence{font-size:var(--t-body)}.stage-intro-sentence[data-dense=true]{font-size:var(--t-ui)}:is(.stage-recap,.ghost-recap)[data-size=comfortable] .stage-recap-es{font-size:var(--t-caption)}:is(.stage-recap,.ghost-recap)[data-size=comfortable] .stage-recap-en{font-size:var(--t-ui)}:is(.stage-recap,.ghost-recap)[data-length=short] :is(.stage-recap-es,.stage-recap-en){font-size:var(--t-body)}.stage-intro:has(>[data-dense=true]) .stage-intro-label{display:none}}@media (max-width:199px){.stage-card[data-hug] .stage-recap[data-length]:not([data-size=dense]) .stage-recap-es{font-size:var(--t-caption)}.stage-card[data-hug] .stage-recap[data-length]:not([data-size=dense]) .stage-recap-en{font-size:var(--t-ui)}.stage-card[data-hug] .stage-recap[data-length] .stage-recap-pair{gap:0;padding:0;line-height:1.05}.stage-card[data-hug] .stage-recap[data-length=long] .stage-recap-pairs{gap:2px 12px}.stage-card[data-hug] .stage-recap[data-length=short] .stage-recap-pairs{margin-bottom:-2px}.stage-card[data-hug] .stage-recap[data-length=short] .stage-recap-pair{margin:0 .35em 2px}.stage-intro-sentence{font-size:var(--t-ui);line-height:1.2}.stage-intro-sentence[data-dense=true]{font-size:var(--t-caption)}.stage-intro-label{display:none}}@media (max-height:259px){.stage-instruction{flex-wrap:nowrap;justify-content:safe center}.stage-instruction>*{min-width:0}.stage-instruction :is(p,h1,h2,h3){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.card-slide-band:has(.stage-instruction){flex-basis:auto;min-height:min-content}.card-slide-band>.stage-instruction:last-child{margin-bottom:var(--sp-2)}.lesson-card:is(.stage-card,.answer-grid):not(:has(>.card-listen)){padding-top:var(--sp-3)}}
.cta-mic-slot{z-index:1;display:flex;position:absolute;inset:0}:is(.cta-mic-slot:empty,.cta-group:has(>.learner-button.primary:not(.awaiting-answer))>.cta-mic-slot){display:none}.lesson-session .lesson-controls .lesson-mic{width:100%;min-width:0}.lesson-session .lesson-mic[data-listen=waiting] svg{opacity:.6}.lesson-session .lesson-mic[data-on=true]{box-shadow:0 0 0 3px var(--highlighter), var(--elev-cta)}.lesson-session .lesson-mic[data-on=true]:is([data-hearing],[data-checking]){box-shadow:0 0 0 6px var(--highlighter), var(--elev-cta)}.lesson-session .lesson-mic:is([data-listen=paused],[data-listen=denied],[data-listen=no-mic],[data-miss]){color:var(--ink-graphite)}.lesson-session .lesson-mic:disabled{opacity:.6;box-shadow:var(--elev-cta)}@media (max-height:560px){.lesson-controls[data-idle=true]:has(.lesson-mic){display:flex}}.answer-grid[data-speaking=true][data-hug="2"]:has(.answer-piece[data-row=active]) :is(.answer-slot,.answer-piece:not([data-row=active])){display:none}.lesson-session [data-practice-answer][data-heard=live]{color:var(--ink-ballpoint-quiet)}.speak-privacy{margin:var(--sp-1) auto 0;max-width:26rem;color:var(--ink-muted);font-family:var(--font-sans);font-size:var(--t-caption);text-align:center;text-wrap:balance;flex-direction:column;gap:2px;line-height:1.4;display:flex}.speak-privacy-label{font-size:var(--t-eyebrow);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.speak-note{z-index:60;width:max-content;max-width:min(360px,100% - 32px);padding:var(--sp-2) var(--sp-3);border:1px solid color-mix(in oklch, var(--highlighter) 70%, var(--ink-print) 8%);border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--elev-card);color:var(--ink-deep);font-family:var(--font-sans);text-align:center;text-wrap:balance;margin:0;font-size:.875rem;line-height:1.4;position:absolute;top:84px;left:50%;transform:translate(-50%)}.lesson-topbar .lesson-answer-toggle,.lesson-topbar .lesson-answer-toggle:hover{background:var(--on-hero-glass);gap:2px;width:auto;padding:3px}.answer-mode{border-radius:var(--r-pill);width:32px;height:32px;color:var(--on-hero-muted);justify-content:center;align-items:center;display:flex}.answer-mode[data-on=true]{background:var(--on-hero);color:var(--primary)}.lesson-answer-toggle:focus-visible{outline:2px solid var(--on-hero);outline-offset:2px}@media (max-width:359px){.speak-privacy-label{display:none}.speak-privacy{margin-top:0;line-height:1.25}.lesson-topbar .lesson-answer-toggle,.lesson-topbar .lesson-answer-toggle:hover{padding:0}.lesson-topbar .answer-mode[data-on=false]{display:none}}@media (max-width:199px){.lesson-topbar .answer-mode{width:28px;height:28px}}
.feedback-sheet-overlay{z-index:60;background:color-mix(in oklch, var(--foreground) 32%, transparent);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.feedback-sheet{background:var(--surface-writing,var(--card));border:1px solid var(--border);width:100%;max-width:520px;box-shadow:var(--shadow-card);padding:24px 24px max(24px, env(safe-area-inset-bottom));border-bottom:none;border-radius:20px 20px 0 0;flex-direction:column;gap:12px;animation:.24s ease-out feedback-sheet-up;display:flex}.feedback-sheet-form{display:contents}@keyframes feedback-sheet-up{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.feedback-sheet{animation-duration:1ms}}.feedback-sheet-title{font-size:var(--t-body);color:var(--foreground);font-weight:600}.feedback-sheet-honeypot{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.feedback-sheet-textarea,.feedback-sheet-who-input{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-writing);color:var(--foreground);font:inherit;padding:10px 12px;font-size:1rem}.feedback-sheet-textarea{resize:vertical;min-height:96px;padding:12px 14px}.feedback-sheet-textarea:focus,.feedback-sheet-who-input:focus{outline:2px solid var(--primary);outline-offset:1px}.feedback-sheet-who-label{color:var(--muted-foreground);flex-direction:column;gap:6px;font-size:.8125rem;display:flex}.feedback-sheet-error{color:var(--destructive);font-size:.875rem}.feedback-sheet-actions{flex-wrap:wrap;align-items:center;gap:4px 16px;margin-top:4px;display:flex}.feedback-sheet-send{min-width:min(140px,100%);min-height:48px;font-size:var(--t-ui,1rem);border-radius:8px}.feedback-sheet-send.learner-button:disabled{background:var(--muted);color:var(--muted-foreground);box-shadow:none;cursor:default}.feedback-sheet-cancel{min-height:44px;font:inherit;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;padding:0 4px}.feedback-sheet-cancel:hover{color:var(--foreground)}.feedback-sheet-thanks{font-size:var(--t-body);color:var(--success-foreground);text-align:center;margin:12px 0;font-weight:600}
.site-footer-inner{width:min(100% - 40px,1120px);margin-inline:auto}@media (min-width:900px){.site-footer-inner{width:min(100% - 96px,1120px)}}.site-footer-admin{color:var(--muted-foreground);text-align:center;padding-block:16px 24px}.site-footer-admin .site-footer-copyright{font-size:var(--t-eyebrow)}.site-footer-learner{padding-block:32px max(32px, env(safe-area-inset-bottom));color:var(--on-hero);margin-top:40px}.site-footer-learner-inner{text-align:center}.site-footer-learner .site-footer-copyright{font-size:var(--t-caption);color:var(--on-hero-muted)}.site-footer .nowrap{max-width:100%;display:inline-block}@media (max-width:479px){.site-footer-learner .site-footer-sep{display:none}.site-footer-learner .site-footer-made{display:block}}.site-footer-legal{font-size:var(--t-caption);flex-wrap:wrap;justify-content:center;gap:4px 20px;margin-top:8px;display:flex}.site-footer-learner .site-footer-link{color:var(--on-hero-muted);font-weight:600;text-decoration:none}.site-footer-learner .site-footer-link:hover{color:var(--on-hero)}:is(body:has(.legal-page) .site-footer-learner .site-footer-copyright,body:has(.legal-page) .site-footer-learner .site-footer-link){color:var(--muted-foreground)}body:has(.legal-page) .site-footer-learner .site-footer-link:hover{color:var(--primary)}
.home-comentar.home-settings{width:44px;margin-left:8px;padding:0}.settings-sheet{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--card);width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--foreground);overscroll-behavior:contain;clip-path:inset(0 round var(--r-lg));scrollbar-width:thin;margin:auto;padding:20px 24px 24px;overflow:auto}.settings-sheet[open]{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.settings-sheet::backdrop{background:var(--scrim);height:max(100%,100lvh);inset:0 0 auto}body:has(.settings-sheet[open]){overflow:hidden}.settings-sheet-head{justify-content:space-between;align-items:center;display:flex}.settings-sheet-head h2{font-size:var(--t-body);font-weight:600}.settings-sheet button{min-height:44px;font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.settings-sheet-close{width:44px;margin-right:-10px}.settings-sheet-tools{border-top:1px solid var(--border);justify-items:start;padding-top:8px;display:grid}.settings-sheet-account{min-height:44px;color:var(--primary);align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.settings-sheet-note{font-size:var(--t-ui);color:var(--destructive);margin:0 0 8px}.settings-sheet .settings-sheet-reset,.settings-sheet .confirm-inline-confirm{color:var(--destructive)}.settings-sheet .confirm-inline{font-size:var(--t-ui);gap:4px 16px;margin-left:0}.settings-sheet .confirm-inline-body{white-space:normal;flex-basis:100%}@media (max-width:379px){.home-comentar{width:40px;height:40px}.home-comentar.home-settings{margin-left:4px}body:has(.course-home) .learner-brand{font-size:17px}}.settings-sheet-version{color:var(--muted-foreground);font-size:var(--t-caption);margin:4px 0 -8px}.settings-sheet-version a{min-height:44px;color:inherit;text-underline-offset:3px;align-items:center;text-decoration:underline;display:inline-flex}.settings-theme{gap:var(--sp-3);border:0;grid-template-columns:repeat(3,minmax(0,1fr));min-inline-size:0;display:grid}@media (max-width:359px){.settings-sheet{width:calc(100vw - 16px);max-width:none;padding:16px}.settings-theme{grid-template-columns:repeat(2,minmax(0,1fr))}}.settings-theme legend{font-size:var(--t-caption);color:var(--muted-foreground);margin-bottom:6px;font-weight:600}.settings-theme-option{font-size:var(--t-caption);color:var(--foreground);cursor:pointer;justify-items:center;gap:6px;font-weight:600;display:grid;position:relative}.settings-theme-option input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.settings-theme-swatch{border-radius:var(--r-md);width:100%;height:56px;color:var(--on-hero);box-shadow:inset 0 0 0 1px var(--border);place-items:center;display:grid}.settings-theme-swatch svg{visibility:hidden}.settings-theme-option input:checked+.settings-theme-swatch{outline:3px solid var(--foreground);outline-offset:3px}.settings-theme-option input:checked+.settings-theme-swatch svg{visibility:visible}.settings-theme-option input:focus-visible+.settings-theme-swatch{box-shadow:0 0 0 3px var(--card), 0 0 0 6px var(--ring)}.settings-sheet-reminder{border-top:1px solid var(--border);font-size:var(--t-ui);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 0;display:flex}.whats-new-title{font-family:var(--font-brand), var(--font-sans);font-size:var(--t-section);margin:0;font-weight:800;line-height:1.2}.whats-new-version{color:var(--muted-foreground);font-size:var(--t-caption);letter-spacing:.04em;text-transform:uppercase;margin:0 0 6px;font-weight:700}.whats-new-entry ul{font-size:var(--t-body);gap:8px;margin:0;padding:0;line-height:1.4;list-style:none;display:grid}
.brand-mark,.brand-lockup{--brand-name-ink:var(--ink-deep);--brand-tagline-ink:var(--brand-primary);--brand-mark-line:var(--brand-mark-line-on-white)}.brand-tone-purple .brand-mark,.brand-tone-purple .brand-lockup,.brand-mark-bare{--brand-name-ink:var(--on-hero);--brand-tagline-ink:var(--highlighter);--brand-mark-line:var(--brand-mark-line-on-purple)}.brand-mark{flex-shrink:0;display:block}.brand-mark-line{fill:var(--brand-mark-line)}.brand-mark-highlight{fill:var(--highlighter);stroke:var(--highlighter)}.brand-lockup{color:var(--brand-name-ink);font-family:var(--font-brand), var(--font-sans);letter-spacing:-.02em;white-space:nowrap;font-weight:800;line-height:1;display:inline-block}.brand-lockup-with-tagline{padding-bottom:.62em}.brand-lockup-highlight{isolation:isolate;color:var(--ink-deep);margin-left:.08em;padding:.06em .16em .1em .2em;display:inline-block;position:relative}.brand-lockup-highlight:before{content:"";z-index:-1;background:var(--highlighter);clip-path:polygon(3% 0,100% 0,96.5% 96%,0 100%);border-radius:.06em;position:absolute;inset:0}.brand-lockup-tagline{color:var(--brand-tagline-ink);letter-spacing:.14em;text-transform:uppercase;margin-right:-.14em;font-size:.44em;font-weight:800;line-height:1;position:absolute;top:calc(100% + .16em);right:.16em}.brand-lockup-row{align-items:flex-start;gap:.45em;display:inline-flex}.brand-lockup-row>.brand-mark{width:1.88em;height:1.88em}.brand-lockup-row>.brand-lockup{margin-top:.41em}