:root{--green:#2f6b45;--green-dark:#245438;--green-light:#e8f1eb;--orange:#e97832;--ink:#142019;--muted:#5d6861;--line:#d9e2dc;--paper:#f7f9f8;--white:#fff}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body{-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--orange) 70%, white);outline-offset:3px}.app-shell{min-height:100dvh;padding:0 34px 28px}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1240px;height:78px;margin:0 auto;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:11px;font-weight:750;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:58px;height:58px;font-weight:800;display:grid}.brand-mark.small{width:34px;height:34px}.top-actions{align-items:center;gap:8px;display:flex}.mode-button,.data-button,.hint-button,.finish-button,.close-button{color:var(--green-dark);background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;min-height:48px;padding:0 14px;font-weight:650;display:inline-flex}.mode-button:hover,.data-button:hover,.hint-button:hover{background:var(--green-light)}.lesson{grid-template-columns:minmax(0,1.02fr) minmax(440px,.98fr);align-items:start;gap:clamp(42px,5vw,74px);max-width:1240px;margin:34px auto 0;display:grid}.scene-side{min-width:0}.scene-image{aspect-ratio:16/10;background:#e7ece9;border-radius:18px;width:100%;position:relative;overflow:hidden}.scene-image img{object-fit:cover;width:100%;height:100%;display:block}.encouragement{color:#27362d;align-items:center;gap:18px;margin:44px 20px 0;display:flex}.encouragement p{margin:0;font-size:18px;line-height:1.55}.nanduti{width:46px;height:46px;color:var(--orange);flex:none}.nanduti-small{width:26px;height:26px;color:var(--orange)}.practice-side{min-width:0;padding:4px 0 0}.scene-count{color:var(--green);margin:0 0 20px;font-size:17px;font-weight:650}.scene-count span{color:var(--orange);margin:0 4px}h1{letter-spacing:-.035em;max-width:650px;margin:0;font-size:clamp(34px,3.1vw,50px);line-height:1.12}.paraguay-divider{color:var(--orange);align-items:center;gap:12px;margin:22px 0;display:flex}.paraguay-divider:before,.paraguay-divider:after{content:"";background:var(--green);opacity:.65;flex:1;height:1px}.paraguay-divider span{border:1px solid var(--orange);border-radius:50%;place-items:center;width:34px;height:34px;font-size:20px;display:grid;box-shadow:0 -2px #d62828,0 2px #294d9b}.other-speaker{margin:0;font-size:25px;font-weight:620;line-height:1.4}.starter-label{color:var(--muted);margin:22px 0 6px;font-size:17px}.scaffold{color:var(--green);letter-spacing:-.02em;margin:0;font-size:clamp(28px,2.5vw,38px);font-weight:760;line-height:1.25}.new-words{margin-top:6px}.word-chips{flex-wrap:wrap;gap:8px;margin:0;display:flex}.word-chips span{border:1px solid var(--line);background:var(--white);color:var(--green-dark);border-radius:999px;padding:5px 13px;font-size:16px;font-weight:650}.coverage-note{border-top:1px solid var(--line);padding-top:18px}.action-zone{margin-top:28px}.speak-button,.primary-button{background:var(--green);color:#fff;border:0;border-radius:12px;justify-content:center;align-items:center;gap:14px;width:100%;min-height:76px;font-size:21px;font-weight:760;display:flex;box-shadow:inset 0 0 0 2px #0000}.speak-button:hover,.primary-button:hover{background:var(--green-dark)}.speak-button:active{transform:translateY(1px)}.speak-button.connecting{opacity:.75}.speak-button.listening{box-shadow:inset 0 0 0 3px var(--orange)}.speak-button.next{background:var(--green-dark)}.listening{text-align:center;color:var(--green);margin:13px 0 0;font-weight:700}.wave{color:var(--green);letter-spacing:2px;margin-right:8px;animation:1s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.45;transform:scaleY(.7)}}.chat-rail{gap:8px;margin-top:14px;display:flex}.chat-rail input{border:2px solid var(--line);min-height:52px;color:var(--ink);background:#fff;border-radius:10px;flex:1;padding:0 14px;font-size:17px}.chat-rail input:focus{border-color:var(--green)}.chat-rail button{background:var(--green);color:#fff;border:0;border-radius:10px;place-items:center;width:52px;min-height:52px;font-size:20px;display:grid}.chat-rail button:hover{background:var(--green-dark)}.chat-rail button:disabled{opacity:.45;cursor:not-allowed}.hint-button{margin:8px auto 0;display:flex}.hint-reveal{min-height:48px;color:var(--green-dark);justify-content:center;align-items:center;gap:8px;margin:8px 0 0;display:flex}.feedback{border-left:4px solid var(--orange);margin-top:18px;padding:2px 0 2px 18px;line-height:1.5}.feedback p{margin:6px 0}.feedback-win{color:var(--green-dark);align-items:flex-start;gap:8px;font-weight:700;display:flex}.transcript{color:var(--muted);font-style:italic}.tutor-caption{background:color-mix(in srgb, var(--green) 8%, white);text-align:left;border-radius:10px;margin-top:12px;padding:12px 14px}.tutor-caption span{color:var(--green-dark);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:700}.tutor-caption p{margin:4px 0 0;font-size:18px;line-height:1.4}.debrief-actions{gap:10px;display:grid}.debrief-actions .secondary-button{justify-content:center;max-width:none}.demo-note{color:var(--muted);font-size:14px}.finish-button{color:var(--muted);margin:18px auto 0;display:flex}.writing-zone{margin-top:26px}.writing-zone label{color:var(--green-dark);margin-bottom:8px;font-weight:700;display:block}.writing-zone textarea{resize:vertical;border:2px solid var(--line);width:100%;min-height:110px;color:var(--ink);background:#fff;border-radius:10px;padding:16px;font-size:19px}.writing-zone textarea:focus{border-color:var(--green)}.writing-zone .speak-button{min-height:64px;margin-top:14px}.writing-zone .speak-button:disabled{opacity:.45;cursor:not-allowed}.dialog-backdrop{z-index:20;background:#0f1c1461;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.data-dialog{background:#fff;border-radius:18px;width:min(540px,100%);padding:34px;position:relative;box-shadow:0 22px 70px #0f281838}.close-button{justify-content:center;min-width:48px;padding:0;position:absolute;top:14px;right:14px}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:.08em;font-size:14px;font-weight:800}.data-dialog h2{letter-spacing:-.025em;margin:6px 0 24px;font-size:30px}.stats{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.stats div{text-align:center;padding:18px 8px}.stats div+div{border-left:1px solid var(--line)}.stats strong{color:var(--green);font-size:30px;display:block}.stats span{color:var(--muted);font-size:14px}.privacy-note{color:var(--muted);margin:22px 0;line-height:1.55}.course-progress{background:var(--green-light);border-radius:999px;height:10px;margin-top:22px;overflow:hidden}.course-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--orange));height:100%;transition:width .3s;display:block}.data-dialog .primary-button{min-height:58px;font-size:17px}.secondary-button{border:1px solid var(--line);width:100%;min-height:54px;color:var(--green-dark);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-top:10px;font-weight:700;display:flex}.secondary-button:hover{background:var(--green-light)}.brand{color:inherit;background:0 0;border:0;padding:0}button.brand:hover .brand-mark{background:var(--green-dark)}.portada{grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);align-items:center;gap:clamp(42px,5vw,74px);max-width:1240px;margin:44px auto 0;display:grid}.portada-art{background:#e7ece9;border-radius:22px;overflow:hidden}.portada-art img{object-fit:cover;width:100%;height:100%;display:block}.portada-body h1{font-size:clamp(44px,4.4vw,64px)}.portada-lead{color:#27362d;max-width:520px;margin:18px 0 30px;font-size:20px;line-height:1.55}.portada-cta{max-width:440px}.portada-body .secondary-button{max-width:440px;margin-top:12px}.ajustes{max-width:760px;margin:40px auto 0;padding-bottom:60px}.ajustes h1{font-size:clamp(36px,3.4vw,48px)}.ajustes h2{letter-spacing:-.02em;margin:36px 0 6px;font-size:22px}.settings-note{color:var(--muted);margin:0 0 14px;font-size:15px}.voice-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:14px;display:grid}.tone-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.option-card{text-align:left;border:2px solid var(--line);min-height:72px;color:var(--ink);background:#fff;border-radius:12px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;display:flex}.option-card:hover{border-color:var(--green)}.option-card.selected{border-color:var(--green);background:var(--green-light);box-shadow:inset 0 0 0 1px var(--green)}.option-card strong{color:var(--green-dark)}.option-card span{color:var(--muted);font-size:14px;line-height:1.4}.ajustes .secondary-button{justify-content:flex-start;max-width:440px;margin-top:12px;padding-inline:18px}.secondary-button.danger{color:#a33221;border-color:#e4c4bc}.secondary-button.danger:hover{background:#f9ece9}.restart-confirm{border-left:4px solid #a33221;max-width:440px;margin-top:12px;padding:4px 0 4px 16px}.restart-confirm p{color:var(--muted);margin:0 0 4px;line-height:1.5}.back-button{margin-top:40px!important}.back-button .flip{transform:scaleX(-1)}.lecciones{max-width:860px;margin:40px auto 0;padding-bottom:60px}.lecciones h1{font-size:clamp(36px,3.4vw,48px)}.lecciones h2{letter-spacing:-.02em;margin:42px 0 8px;font-size:22px}.composer{margin-top:26px}.composer label{color:var(--green-dark);letter-spacing:-.02em;margin-bottom:10px;font-size:clamp(22px,2vw,28px);font-weight:760;display:block}.composer-rail input{min-height:58px;font-size:18px}.composer-rail button{width:58px;min-height:58px}.composer .settings-note{margin-top:10px}.stage-path{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.stage-path li{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.stage-path .stage-dot{background:var(--paper);width:30px;height:30px;color:var(--muted);border:1px solid var(--line);border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:750;display:grid}.stage-path li.done .stage-dot{background:var(--green);border-color:var(--green);color:#fff}.stage-path li.current{border-color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange)}.stage-path li.current .stage-dot{background:var(--orange);border-color:var(--orange);color:#fff}.stage-path li.future{opacity:.72}.stage-path .stage-label{color:var(--ink);flex-direction:column;font-size:14px;font-weight:650;line-height:1.25;display:flex}.stage-path .stage-label em{color:var(--muted);font-size:12px;font-style:normal;font-weight:500}.chapter-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin-top:14px;display:grid}.chapter-card span{display:block}.word-universe{margin-top:50px}.word-universe-heading{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:16px;display:flex}.word-universe-heading h2{color:var(--ink);margin:2px 0 8px;font-size:clamp(24px,3vw,36px)}.word-universe-heading h2 strong{color:var(--orange);font-size:1.25em}.word-universe-heading p:last-child{max-width:580px;color:var(--muted);margin:0;line-height:1.5}.constellation-controls{flex:none;gap:8px;display:flex}.constellation-controls button{background:var(--green-dark);color:#fff;border:1px solid #ffffff29;border-radius:9px;align-items:center;gap:7px;min-height:44px;padding:0 12px;font-weight:700;display:inline-flex}.constellation-controls button:hover{background:var(--green)}.constellation-stage{background:#07150d;border-radius:22px;min-height:480px;position:relative;overflow:hidden;box-shadow:0 24px 60px #071c1033,inset 0 0 0 1px #ffffff14}.constellation-stage:before{content:"";pointer-events:none;opacity:.4;background-image:radial-gradient(circle at 20% 25%,#ffffff57 0 1px,#0000 1.5px),radial-gradient(circle at 70% 72%,#fff3 0 1px,#0000 1.5px);background-size:83px 97px,127px 113px;position:absolute;inset:0}.constellation-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.constellation-card{z-index:4;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#091b11eb;border:1px solid #ffffff2e;border-radius:11px;width:190px;padding:12px 14px;position:absolute;box-shadow:0 14px 40px #0000004d}.constellation-card.pinned{border-color:#e97832cc}.constellation-card>strong{letter-spacing:-.02em;font-size:22px;display:block}.constellation-card>span{color:#b9e8c9;text-transform:uppercase;letter-spacing:.05em;font-size:13px;font-weight:700}.constellation-card dl{grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0 0;display:grid}.constellation-card dl div:last-child{grid-column:1/-1}.constellation-card dt{color:#fff9;font-size:11px}.constellation-card dd{margin:2px 0 0;font-weight:750}.constellation-card small{color:#f0a06e;margin-top:9px;display:block}.constellation-state{color:#ffffff94;letter-spacing:.03em;pointer-events:none;margin:0;font-size:12px;font-weight:650;position:absolute;bottom:13px;left:18px}.constellation-empty{color:#ffffffb8;place-items:center;margin:0;display:grid;position:absolute;inset:0}.constellation-legend{color:var(--muted);flex-wrap:wrap;gap:10px;margin:12px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.constellation-legend li{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;display:inline-flex}.constellation-legend strong{color:var(--ink)}.legend-star{background:#e7c85f;border-radius:50%;width:9px;height:9px}.legend-star.heard{background:#ef8a45}.legend-star.produced{background:#54a66f}.legend-star.verified{background:var(--green-dark);box-shadow:0 0 0 2px #b9e8c9}.constellation-explorer{color:var(--green-dark);grid-template-columns:max-content minmax(220px,1fr);align-items:center;gap:12px;margin-top:14px;font-size:14px;font-weight:700;display:grid}.constellation-explorer select{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#fff;border-radius:9px;padding:0 12px}.escucha{max-width:720px;margin:40px auto 0;padding-bottom:60px}.escucha h1{margin:6px 0 24px;font-size:clamp(34px,3.2vw,46px)}.listen-play{max-width:440px}.listen-form{gap:18px;margin-top:26px;display:grid}.listen-question label{color:var(--green-dark);margin-bottom:8px;font-size:18px;font-weight:700;display:block}.chat-rail button.recording{background:var(--orange);animation:1s ease-in-out infinite pulse}.listen-results{margin-top:10px}.listen-result-list{gap:12px;margin:18px 0;padding:0;list-style:none;display:grid}.listen-result-list li{border:1px solid var(--line);background:#fff;border-left-width:4px;border-radius:12px;padding:14px 16px}.listen-result-list li.correct{border-left-color:var(--green)}.listen-result-list li.incorrect{border-left-color:#a33221}.listen-result-list p{margin:4px 0;line-height:1.45}.listen-q{align-items:flex-start;gap:8px;font-weight:700;display:flex}.listen-result-list li.correct .listen-q{color:var(--green-dark)}.listen-result-list li.incorrect .listen-q{color:#a33221}.listen-story{margin:14px 0 22px}.listen-story summary{cursor:pointer;color:var(--green-dark);align-items:center;min-height:48px;font-weight:650;display:flex}.listen-story p{color:#27362d;line-height:1.6}.escucha .primary-button{max-width:440px}.cierre{max-width:720px;margin:40px auto 0;padding-bottom:60px}.cierre h1{margin-bottom:26px;font-size:clamp(36px,3.4vw,50px)}.cierre h2{letter-spacing:-.02em;margin:34px 0 14px;font-size:22px}.cierre-stats{margin-bottom:20px}.cierre-words{margin-bottom:8px}.cierre-summary{border-left:4px solid var(--orange);color:#27362d;padding-left:16px;font-size:18px;line-height:1.55}.homework-list{gap:12px;display:grid}.homework-card{border:1px solid var(--line);border-left:4px solid var(--green);background:#fff;border-radius:12px;padding:16px 18px}.homework-card strong{color:var(--green-dark)}.homework-card p{margin:6px 0 0;line-height:1.5}.yt-links{gap:8px;margin:0;padding:0;list-style:none;display:grid}.yt-links a{border:1px solid var(--line);min-height:48px;color:var(--green-dark);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:0 14px;font-weight:650;text-decoration:none;display:inline-flex}.yt-links a:hover{background:var(--green-light)}.cierre-cta{margin-top:36px}.onboarding .onboarding-body{color:var(--ink);margin:14px 0 26px;font-size:18px;line-height:1.6}.onboarding .primary-button{min-height:58px;font-size:17px}.access-page,.loading-page{place-items:center;min-height:100dvh;padding:24px;display:grid}.loading-page{color:var(--green);font-weight:700}.access-panel{width:min(430px,100%)}.access-panel h1{margin:10px 0;font-size:42px}.access-panel p{color:var(--muted);line-height:1.5}.access-panel label{margin:24px 0 8px;font-weight:700;display:block}.access-panel input{border:2px solid var(--line);border-radius:10px;width:100%;min-height:54px;padding:0 14px;font-size:20px}.access-panel .primary-button{min-height:60px;margin-top:14px;font-size:18px}.form-error{font-weight:650;color:#a33221!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:980px){.app-shell{padding-inline:22px}.lesson{grid-template-columns:1fr;max-width:760px}.portada{grid-template-columns:1fr;max-width:640px;margin-top:26px}.encouragement{margin:20px 0 0}.practice-side{padding-bottom:30px}}@media (max-width:660px){.app-shell{padding-inline:16px}.topbar{align-items:flex-start;height:auto;padding:14px 0}.brand span:last-child{display:none}.top-actions{align-items:stretch}.mode-button,.data-button{padding-inline:9px;font-size:14px}.lesson{gap:25px;margin-top:20px}.scene-image{border-radius:12px}.encouragement{display:none}h1{font-size:32px}.other-speaker{font-size:21px}.scaffold{font-size:28px}.speak-button{min-height:68px;font-size:18px}.data-dialog{padding:28px 20px}.word-universe-heading{flex-direction:column;align-items:stretch}.constellation-controls{width:100%}.constellation-controls button{flex:1;justify-content:center}.constellation-stage{min-height:400px}.constellation-explorer{grid-template-columns:1fr}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.portada,.lesson,.ajustes,.lecciones,.cierre,.escucha{animation:.4s both rise}.option-card,.homework-card,.stage-path li,.yt-links a{transition:transform .15s,box-shadow .15s,border-color .15s,background .15s}.option-card:hover,.yt-links a:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0f281814}.cierre-art{border:3px solid var(--green-light);border-radius:50%;width:116px;height:116px;margin-bottom:18px;overflow:hidden}.cierre-art img{object-fit:cover;width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}