:root{--text-scale: 1;--bg: #f7f6f3;--surface: #ffffff;--text: #23242a;--muted: #6b6f7b;--line: #e3e1da;--accent: #0e7c66;--accent-soft: #e0f2ed;--accent-2: #b6541c;--good: #1c7c3c;--good-soft: #e3f4e8;--try: #a3541a;--try-soft: #fbeadd;--danger: #b3362b;--radius: 14px;--shadow: 0 1px 3px rgb(0 0 0 / .07), 0 4px 16px rgb(0 0 0 / .05)}@media(prefers-color-scheme:dark){:root{--bg: #17181c;--surface: #212228;--text: #eceae4;--muted: #9aa0ad;--line: #34363e;--accent: #3cc3a4;--accent-soft: #16352e;--accent-2: #e08a5a;--good: #52c274;--good-soft: #14311d;--try: #e0a266;--try-soft: #3a2a17;--danger: #e06a5e;--shadow: 0 1px 3px rgb(0 0 0 / .4)}}*{box-sizing:border-box}html{font-size:calc(16px * var(--text-scale))}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}h1{font-size:1.6rem;margin:.4rem 0 .6rem}h2{font-size:1.2rem;margin:1rem 0 .5rem}h3{font-size:1.02rem;margin:.9rem 0 .4rem}a{color:var(--accent)}p{margin:.5rem 0}ul,ol{padding-left:1.3rem}ul.plain{list-style:none;padding-left:0}ul.plain li{margin:.35rem 0}code{background:var(--accent-soft);padding:.05em .35em;border-radius:6px}pre{white-space:pre-wrap}.skip-link{position:absolute;left:-999px;top:0;background:var(--surface);padding:.5rem 1rem;z-index:20}.skip-link:focus{left:8px}#topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem clamp(.7rem,3vw,2rem);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.brand-link{font-weight:700;text-decoration:none;color:var(--text);font-size:1.1rem}.nav{display:flex;gap:.15rem}.nav-link{display:flex;flex-direction:column;align-items:center;gap:0;padding:.35rem .65rem;border-radius:10px;text-decoration:none;color:var(--muted);font-size:.78rem;min-width:54px}.nav-icon{font-size:1.15rem;line-height:1.2}.nav-link.active,.nav-link:hover{color:var(--accent);background:var(--accent-soft)}#main{display:block;max-width:860px;margin:0 auto;padding:1rem clamp(.7rem,3vw,1.5rem) 4rem;outline:none}.view{animation:fadein .25s ease}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1}}.reduced-motion .view,.reduced-motion .pop{animation:none!important}@media(prefers-reduced-motion:reduce){.view,.pop{animation:none!important}}.loading{padding:3rem;text-align:center;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;margin:.8rem 0;box-shadow:var(--shadow)}.hero h1{margin-top:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem}.stat{text-align:center;margin:0}.stat-value{font-size:1.5rem;font-weight:700;color:var(--accent)}.stat-label{font-size:.85rem}.stat-sub{font-size:.72rem}.meter-row{display:grid;grid-template-columns:7.5em 1fr 8em;align-items:center;gap:.6rem;margin:.3rem 0}.meter{height:.6rem;background:var(--line);border-radius:99px;overflow:hidden}.meter-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:99px;transition:width .4s ease}.meter-band{font-size:.78rem;color:var(--muted);text-align:right}.meter-label{font-size:.88rem}@media(max-width:540px){.meter-row{grid-template-columns:6em 1fr}.meter-band{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font:inherit;font-size:.95rem;padding:.55rem 1rem;min-height:44px;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;text-decoration:none;transition:transform .06s ease,background .15s ease}.btn:hover{background:var(--accent-soft)}.btn:active{transform:scale(.98)}.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}@media(prefers-color-scheme:dark){.btn.primary{color:#10241e}}.btn.primary:hover{filter:brightness(1.08);background:var(--accent)}.btn.big{font-size:1.05rem;padding:.8rem 1.3rem;width:100%}.btn.danger{border-color:var(--danger);color:var(--danger)}.btn.chip{min-height:38px;padding:.3rem .7rem;border-radius:99px;font-size:.95rem}.btn.chip.used{opacity:.35}.btn.small{min-height:34px;padding:.15rem .5rem}.btn-audio{border-color:var(--accent);color:var(--accent);background:transparent}.btn.recording{border-color:var(--danger);color:var(--danger);animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.55}}.reduced-motion .btn.recording{animation:none}.input{font:inherit;padding:.55rem .7rem;min-height:44px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);max-width:100%}.input.correct{border-color:var(--good);background:var(--good-soft)}.input.wrong{border-color:var(--danger)}.input.revealed{border-color:var(--try);background:var(--try-soft)}textarea.input{width:100%;resize:vertical}.row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin:.5rem 0}.muted{color:var(--muted)}.micro{font-size:.8rem}.tag{display:inline-block;font-size:.68rem;padding:.05rem .5rem;margin-left:.4rem;border-radius:99px;background:var(--accent-soft);color:var(--accent);vertical-align:middle}.tag.vet{background:var(--try-soft);color:var(--try)}.tag.g-m{background:#e3ecfa;color:#23538f}.tag.g-f{background:#f8e6ef;color:#8f2360}@media(prefers-color-scheme:dark){.tag.g-m{background:#1d2c42;color:#8db4e8}.tag.g-f{background:#3c1e2e;color:#e39ac0}}.week summary{display:flex;justify-content:space-between;align-items:center;gap:.5rem;cursor:pointer;font-weight:600;padding:.25rem 0;list-style:none}.week summary::-webkit-details-marker{display:none}.week summary:after{content:"▾";color:var(--muted)}.week[open] summary:after{content:"▴"}.week-progress{font-size:.8rem;color:var(--muted);font-weight:400}.week-done .week-title:after{content:" ✅"}.lesson-list{list-style:none;padding:0;margin:.5rem 0 0}.lesson-item{border-top:1px solid var(--line)}.lesson-link{display:grid;grid-template-columns:1.6em 1fr auto;align-items:center;gap:.5rem;padding:.55rem .2rem;text-decoration:none;color:var(--text);border-radius:8px}.lesson-link:hover{background:var(--accent-soft)}.lesson-meta{font-size:.74rem;text-align:right}.status-next .lesson-name{color:var(--accent);font-weight:600}.status-completed .lesson-name{color:var(--muted)}.lesson-header h1{margin-bottom:.1rem}.objectives summary{cursor:pointer;color:var(--accent)}.steps{display:flex;flex-wrap:wrap;gap:.3rem;margin:.8rem 0;position:sticky;top:3.4rem;z-index:5;background:color-mix(in srgb,var(--bg) 92%,transparent);padding:.3rem 0;backdrop-filter:blur(6px)}.step{width:2.2rem;height:2.2rem;border-radius:50%;border:1.5px solid var(--line);background:var(--surface);font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.step.done{background:var(--accent-soft);border-color:var(--accent)}.step.current{outline:3px solid var(--accent);outline-offset:1px}.lesson-section{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;box-shadow:var(--shadow)}.continue-bar{margin-top:1.2rem}.lesson-nav{justify-content:space-between;margin-top:.6rem}.remaining{margin:.2rem 0}.prose p{margin:.55rem 0}.en-hint{opacity:.85}.es-support summary{color:var(--accent);cursor:pointer}.focus-line{font-weight:600;color:var(--accent-2)}.culture-box{border-left:4px solid var(--accent-2);padding-left:.8rem}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.6rem;margin:.7rem 0}.vocab-card{border:1px solid var(--line);border-radius:12px;padding:.6rem .7rem;background:var(--bg)}.vocab-head{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.vocab-es{font-weight:700;font-size:1.05rem}.vocab-en{color:var(--muted)}.vocab-example{margin-top:.35rem;font-size:.88rem;border-top:1px dashed var(--line);padding-top:.35rem}.note{color:var(--try)}.dialogue{margin:.6rem 0}.dialogue-line{padding:.35rem 0;border-bottom:1px dashed var(--line)}.speaker{font-weight:700;color:var(--accent-2)}.transcript summary,details summary{cursor:pointer;color:var(--accent)}.prelisten{background:var(--accent-soft);border-radius:10px;padding:.6rem .8rem;margin:.5rem 0}.reading-text{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:.8rem 1rem}.example-row{padding:.25rem 0}.drill-row{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;flex-wrap:wrap}.ex{border-top:1px solid var(--line);padding:.9rem 0}.ex:first-child{border-top:none}.ex-prompt{font-weight:600}.options{display:flex;flex-direction:column;gap:.45rem;margin:.5rem 0;max-width:480px}.btn.option{justify-content:flex-start;text-align:left}.btn.option.correct{background:var(--good-soft);border-color:var(--good);color:var(--good);font-weight:600}.btn.option.wrong{background:var(--try-soft);border-color:var(--danger)}.btn.option.selected{border-color:var(--accent);background:var(--accent-soft)}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:.45rem .8rem;max-width:560px;margin:.5rem 0}.match-col{display:flex;flex-direction:column;gap:.45rem}.feedback{border-radius:10px;padding:.55rem .8rem;margin:.5rem 0}.feedback.good{background:var(--good-soft);color:var(--good)}.feedback.try{background:var(--try-soft);color:var(--try)}.explain{background:var(--accent-soft);border-radius:10px;padding:.55rem .8rem;margin:.4rem 0;font-size:.92rem}.cloze{line-height:2.2;font-size:1.05rem}.cloze-blank{display:inline-block;min-height:38px;padding:.2rem .4rem;margin:0 .15rem}.line{min-height:2.6rem;border:1.5px dashed var(--line);border-radius:10px;padding:.5rem .7rem;margin:.5rem 0;font-size:1.05rem}.bank{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0}.cat-current{font-size:1.3rem;font-weight:700;min-height:2.2rem;margin:.5rem 0}.accentbar{display:flex;flex-wrap:wrap;gap:.25rem;margin:.35rem 0}.checklist{list-style:none;padding:0}.checklist li{padding:.2rem 0 .2rem 1.5rem;position:relative}.checklist li:before{content:"☐";position:absolute;left:.2rem;color:var(--accent)}.model{background:var(--accent-soft);border-radius:10px;padding:.6rem .9rem;margin:.5rem 0}.recorder{margin:.5rem 0}.player{max-width:100%}.ai-prompt-box{border:1.5px dashed var(--accent);border-radius:12px;padding:.7rem .9rem;margin:.7rem 0}.prompt-pre{font-size:.8rem;background:var(--bg);border-radius:10px;padding:.7rem;max-height:320px;overflow:auto}.quiz-result{text-align:center}.quiz-result.pass{border-color:var(--good)}.big-score{font-size:2.4rem;font-weight:800;color:var(--accent);margin:.2rem 0}.finish-card{text-align:center}.pop{animation:pop .45s ease}@keyframes pop{0%{transform:scale(.96)}60%{transform:scale(1.02)}to{transform:scale(1)}}.selfcheck{display:flex;flex-direction:column;gap:.4rem;margin:.6rem 0}.selfcheck-row{display:flex;gap:.5rem;align-items:baseline}.btn.conf.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.challenge-box{background:var(--bg);border-radius:12px;padding:.7rem .9rem;margin:.6rem 0}.review-card{text-align:center;padding:1.6rem 1rem}.review-word{font-size:1.7rem;font-weight:800;margin:.3rem 0}.grade-row{justify-content:center;margin-top:.8rem}.review-card .row{justify-content:center}.review-card .input{text-align:center;font-size:1.1rem}.scenario{border-top:1px solid var(--line);padding:.5rem 0}.scenario>summary{padding:.3rem 0}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 0;border-top:1px solid var(--line)}.setting-row:first-of-type{border-top:none}.setting-label{max-width:60%}.danger-zone{margin-top:.8rem}input[type=checkbox]{width:1.35rem;height:1.35rem;accent-color:var(--accent)}input[type=file]{max-width:220px}select.input{min-width:150px}.error-card{border-color:var(--danger)}@media(max-width:640px){.nav-label{display:none}.nav-link{min-width:44px}.match-grid{grid-template-columns:1fr 1fr}.setting-row{flex-direction:column;align-items:flex-start}.setting-label{max-width:100%}}