:root{font-family:system-ui,-apple-system,sans-serif;color:#253d38;background:#faf7f0;line-height:1.6;--accent:#27624f;--line:#d6dfd6}*{box-sizing:border-box}body{max-width:1160px;margin:auto;padding:22px}header,.studyTop,.actions,.pager,nav,.filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}header{justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--line)}a{color:var(--accent)}.brand{font-size:23px;font-weight:800;text-decoration:none}.brand span{font-size:11px;letter-spacing:2px;margin-left:12px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:25px;align-items:center;padding:38px 0}.hero img{width:100%;border-radius:28px}.eyebrow{font-size:13px;color:#8b5938}h1{word-break:keep-all;font-size:42px;line-height:1.25;letter-spacing:-1.5px}h2{line-height:1.4}.pill{display:inline-block;background:#e5eee5;border-radius:30px;padding:5px 13px;font-size:13px;margin:5px 5px 0 0}.notice,.guide{padding:18px 22px;border-radius:16px;background:#f0e9da;font-size:14px}.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:25px}.dashboard>div,.dashboard>button{padding:18px;background:white;border:1px solid var(--line);border-radius:14px;text-align:center}.dashboard b{display:block;font-size:27px}.dashboard span{font-size:13px}button,input,select,textarea,.button{font:inherit;padding:11px 15px;border:1px solid var(--line);border-radius:9px;color:inherit;background:white}button,.button{cursor:pointer}button:hover{border-color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d4a35b;outline-offset:3px}button:disabled{opacity:.5;cursor:default}.active,.primary{background:var(--accent);color:white;border-color:var(--accent)}nav{margin:25px 0 14px}.filters input{flex:1;min-width:190px}.guide{margin-top:20px;background:#edf1e9}.guide p{margin:6px 0}.muted,small,footer{font-size:13px;color:#5a7068}#lessonList{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.lesson{padding:20px;text-align:left;min-height:150px}.lesson b,.lesson small{display:block}.lesson b{font-size:18px;margin:7px 0}.lesson.done{border:2px solid var(--accent)}.pager{justify-content:space-between;margin:20px 0}.studyTop{justify-content:space-between}#study,#quiz,#result{background:white;border:1px solid var(--line);padding:26px;border-radius:20px;margin:22px 0}#studyCards{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card{padding:20px;background:#f7f8f3;border-radius:14px;border:1px solid var(--line)}.card h3{font-size:25px;margin:8px 0}.example{border-left:3px solid #cba56d;padding-left:12px}.card .actions button{font-size:13px;padding:8px 10px}.translation{color:#45665b}.card details{margin:12px 0}.card summary{cursor:pointer}#startQuiz{margin-top:24px}#choices{display:grid;gap:12px;margin:20px 0}#choices button{text-align:left;padding:17px}#choices .correct{background:#e2f2e6;border:2px solid #286644}#choices .wrong{background:#fae8e5;border:2px solid #ad4837}#explanation{padding:20px;background:#eff4ee;border-radius:12px;margin-bottom:18px}#explanation.bad{background:#fff0e7}#context{font-size:19px}.player{border-top:1px solid var(--line);padding:18px 0;margin-top:25px}.player span{font-size:13px}.player audio{display:block;width:100%;margin-top:8px}footer{padding:20px 0 45px}.button{display:inline-block}dialog{width:min(560px,92vw);border:1px solid var(--line);border-radius:18px;padding:25px;color:inherit}dialog::backdrop{background:#18362a88}dialog label{display:block;margin:14px 0}dialog select,textarea{display:block;width:100%;margin-top:8px}#feedbackStatus{white-space:pre-wrap}[hidden]{display:none!important}@media(max-width:750px){body{padding:16px}.hero{grid-template-columns:1fr;padding-top:22px;gap:15px}.hero img{max-height:230px;object-fit:cover;object-position:center 35%}h1{font-size:33px}.dashboard{grid-template-columns:1fr 1fr}#lessonList,#studyCards{grid-template-columns:1fr}nav button{flex:1 1 42%;font-size:13px;padding:9px}.filters select{max-width:47%}#study,#quiz,#result{padding:18px}.card{padding:16px}header>a:last-child{font-size:12px}}

/* Japanese studio layout: fixed left teacher, right learning controls. */
body{max-width:1550px;padding:0 40px;background:#f5f8fa;color:#213a40}header{min-height:100px;padding:14px 0;gap:25px}.course-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);gap:46px;padding-top:32px}#teacherAnchor{position:sticky;top:16px;align-self:start;min-width:0}.teacher-stage{position:relative;height:clamp(560px,calc(100dvh - 150px),760px);max-height:calc(100dvh - 32px);overflow:hidden;background:#fcf5e8;border:1px solid #d6ded9;border-radius:20px}.teacher-stage-head{position:absolute;top:22px;left:28px;right:28px;z-index:2}.teacher-stage-head span{color:#6b7269;font-size:13px}.teacher-stage h1{font-size:23px;line-height:1.4;margin:6px 0;letter-spacing:-.5px}.teacher-portrait{position:absolute;inset:100px 0 150px;overflow:hidden}.teacher-portrait canvas,.teacher-fallback{position:absolute;height:123%;width:auto;aspect-ratio:2/3;top:-2%;left:50%;transform:translateX(-50%);transform-origin:50% 50%;max-width:none}.teacher-fallback{background-size:300% 200%;background-position:left top}.mouth-zoom canvas,.mouth-zoom .teacher-fallback{transform:translateX(-50%) scale(2.5)}.teacher-stage-footer{position:absolute;left:24px;right:24px;bottom:114px;display:flex;justify-content:space-between;align-items:center;gap:10px}.teacher-stage-footer button{font-size:13px;padding:7px 12px}.teacher-stage .player{position:absolute;bottom:8px;left:20px;right:20px;margin:0;padding:5px 0;border:0}.teacher-stage .player span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.teacher-stage audio{height:34px;margin-top:6px}.course-content{min-width:0;padding:10px 8px 0 0}.teacher-choice-heading h2{font-size:20px;margin:0 0 6px}.teacher-choice-heading span{font-size:13px;color:#617871}.spanish-teacher-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 10px}.spanish-teacher-choices button{display:grid;justify-items:center;position:relative;gap:5px;padding:12px;border-radius:10px;text-align:center;background:white}.spanish-teacher-choices button[aria-pressed=true]{border:2px solid #056963;background:#edf5f3;padding:11px}.teacher-thumb{width:94px;height:125px;border-radius:8px;background-size:300% 200%;background-position:left top}.teacher-thumb.mateo{background-image:url(teachers/art/mateo-upright-v3.png)}.teacher-thumb.lucia{background-image:url(teachers/art/lucia-upright-v3.png)}.spanish-teacher-choices strong{font-size:15px}.spanish-teacher-choices strong small{font-weight:400}.spanish-teacher-choices button>span:not(.teacher-thumb){font-size:12px}.chosen-label{font-size:11px;color:#056963;visibility:hidden}.spanish-teacher-choices [aria-pressed=true] .chosen-label{visibility:visible}.teacher-welcome{border:1px solid #bdd5cf;border-radius:12px;background:#f4faf8;padding:14px;margin-bottom:20px}.teacher-welcome p{margin:5px 0;font-size:13px}.teacher-welcome p[lang=es]{font-size:16px;font-weight:600}.teacher-welcome button{padding:7px 10px;font-size:12px}.teacher-welcome label{font-size:12px}.teacher-welcome .actions{margin:12px 0;gap:7px}#portraitStatus{font-size:11px}.notice{font-size:12px;padding:13px;background:#edf3f0}.dashboard{gap:7px;margin-top:18px}.dashboard>div,.dashboard>button{padding:10px 5px}.dashboard b{font-size:23px}.dashboard span{font-size:11px}nav{gap:7px}nav button{flex:1 1 44%;font-size:12px;padding:9px}#lessonList{grid-template-columns:1fr 1fr;gap:10px}.lesson{padding:14px;min-height:135px}.lesson b{font-size:16px}.guide{font-size:12px;padding:14px}.guide small{font-size:11px}#studyCards{grid-template-columns:1fr}#study,#quiz,#result{padding:18px;scroll-margin-top:18px}.filters{gap:7px}.filters select{max-width:48%;font-size:13px}.filters input{width:100%;flex-basis:100%}.card h3{font-size:24px}.primary,.active{background:#056963;border-color:#056963}footer{margin-top:30px;border-top:1px solid var(--line)}
@media(min-width:1450px){.course-workspace{gap:65px}.course-content{padding-top:20px}}@media(max-width:1000px){body{padding:0 22px}.course-workspace{gap:25px;grid-template-columns:minmax(0,1fr) minmax(330px,1fr)}}@media(max-width:740px){body{padding:0 16px}header{min-height:78px}.course-workspace{grid-template-columns:1fr;gap:25px;padding-top:20px}#teacherAnchor{position:relative;top:auto}.teacher-stage{height:480px;max-height:none}.teacher-stage h1{font-size:20px}.teacher-stage-head{left:22px;top:16px}.teacher-portrait{inset:83px 0 133px}.teacher-stage-footer{bottom:96px;left:18px;right:18px}.course-content{padding:0 5px}.dashboard{grid-template-columns:repeat(4,1fr)}#lessonList{grid-template-columns:1fr}.teacher-thumb{width:100px;height:140px}}

.learning-categories{display:flex;margin:20px 0 12px;gap:8px}.learning-categories button{flex:1;font-size:16px;padding:14px}.learning-categories [aria-pressed=true],[data-word-tab][aria-pressed=true]{background:#056963;color:white;border-color:#056963}.guided-course{border:1px solid #d6e1df;border-radius:14px;background:#fff;padding:20px;margin-top:18px}.guided-course h2{font-size:20px;margin:0 0 10px}.guided-course>p,#sentenceProgress,#wordProgress{font-size:13px;color:#516e69}.course-controls{display:grid;gap:12px;margin:20px 0}.course-controls label{font-size:14px}.course-controls select{max-width:100%;margin-top:6px}.vocabulary-card{border:1px solid #d5dfdf;background:#f8faf9;border-radius:12px;padding:20px;margin:15px 0}.vocabulary-card>small{color:#617871}.vocabulary-card h3{font-size:21px;line-height:1.55}.vocabulary-card [lang=es]{font-size:23px;line-height:1.55;overflow-wrap:anywhere}.lesson-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.lesson-actions button{font-size:14px}.meaning-choices{display:grid;gap:10px;margin:18px 0}.meaning-choices button{text-align:left;line-height:1.55;padding:14px;font-size:16px;background:white}.meaning-choices .correct{border:2px solid #247956;background:#e5f3eb}.meaning-choices .wrong{border:2px solid #b84245;background:#fff0f0}.answer-feedback{border-top:1px solid #ccdcd8;padding-top:18px;margin-top:18px}.answer-feedback .result-label{font-weight:700}.answer-feedback .wrong-label{color:#ad3339}.sentence-instruction{font-size:17px;font-weight:700;margin:18px 0}.filters{margin-top:12px}.filters label{font-size:13px}#status:empty{display:none}@media(max-width:740px){.guided-course{padding:14px}.vocabulary-card{padding:16px}.learning-categories button{font-size:15px}}


.account-nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}@media(max-width:600px){.account-nav{gap:10px}.account-nav a{font-size:12px}}



.understanding-grades{display:flex;flex-wrap:wrap;gap:8px}.understanding-grade{display:inline-flex!important;min-width:104px;flex-direction:column;align-items:center;justify-content:center;gap:2px}.understanding-grade b{font-size:25px;line-height:1}.understanding-grade span{font-size:12px}.answer-feedback>.understanding-grades{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.answer-feedback>.understanding-grades>:last-child{grid-column:1/-1}@media(max-width:560px){.answer-feedback>.understanding-grades{grid-template-columns:repeat(3,minmax(82px,1fr));overflow-x:auto}.understanding-grade{min-width:82px;padding-inline:4px!important}}