[hidden]{display:none!important}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#edf8fb;color:#17384d}button{font:inherit;cursor:pointer}.app{height:100vh;height:100dvh;display:grid;grid-template-rows:52px minmax(0,1fr) 36px;overflow:hidden}.topbar{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#fff;border-bottom:1px solid #dcebf0;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));z-index:20}.brand{justify-self:start;font-weight:900;font-size:20px;letter-spacing:-.5px;color:#0a91b2}.modes{grid-column:2;display:flex;height:100%;align-items:stretch;justify-content:center}.mode{height:52px;border:0;background:transparent;padding:0 16px;font-weight:760;color:#5d7280;display:flex;align-items:center;gap:7px;border-bottom:3px solid transparent}.mode.active{color:#0a91b2;border-bottom-color:#0aa9cf}.mode svg,.tool svg,.focusbtn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.top-actions{justify-self:end}.focusbtn{border:0;border-radius:12px;background:#eef8fb;padding:8px 12px;color:#17384d;font-weight:700;display:flex;align-items:center;gap:6px}.workspace{display:flex;min-width:0;min-height:0;overflow:hidden}.rail{flex:0 0 48px;background:#fff;border-right:1px solid #dcebf0;padding:9px 5px;display:flex;flex-direction:column;align-items:center;gap:9px}.tool{width:38px;height:38px;border:0;border-radius:10px;background:#eef8fb;color:#55707f;display:grid;place-items:center}.tool.on{background:#0b94b6;color:#fff}.panel{flex:0 0 0;width:0;min-width:0;overflow:hidden;background:#fff;transition:flex-basis .25s ease,width .25s ease}.panel-inner{height:100%;overflow:auto;padding:9px}.side{border-right:0 solid #dcebf0}.right{border-left:0 solid #dcebf0}.app.map-open .side{flex-basis:205px;width:205px;border-right-width:1px}.app.vocab-open .right{flex-basis:220px;width:220px;border-left-width:1px}.main{flex:1 1 auto;min-width:0;overflow:auto;padding:10px}.card{width:100%;max-width:1040px;margin:auto;background:#fff;border-radius:18px;padding:14px;box-shadow:0 6px 24px #17495d14}.lesson-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.lesson-head h1{font-size:clamp(22px,3vw,31px);margin:3px 0 0}.eyebrow{font-size:11px;font-weight:800;color:#68808f;text-transform:uppercase}.page-badge{background:#ff6d31;color:#fff;padding:6px 10px;border-radius:999px;font-weight:800;font-size:12px}.lesson-layout{display:grid;grid-template-columns:minmax(250px,.92fr) minmax(290px,1.08fr);gap:14px;margin-top:12px}.bookpage{display:block;width:100%;border-radius:14px;border:1px solid #dcebf0;background:#fff}.activity-box{border:1px solid #dcebf0;border-radius:14px;padding:14px;background:#fff}.activity-box h2{margin:0 0 4px;font-size:20px}.hint{font-size:13px;color:#6e8290}.sentence{width:100%;border:1px solid #d6e8ee;background:#f5fbfd;border-radius:13px;padding:12px;margin:7px 0;text-align:left;font-weight:750;color:#17384d}.primary,.secondary{border:0;border-radius:11px;padding:10px 14px;font-weight:750;display:inline-flex;align-items:center;gap:7px}.primary{background:#0ba7ca;color:#fff}.secondary{background:#eef8fb;color:#0a87a4}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.quiz{display:grid;grid-template-columns:1fr 1fr;gap:8px}.choice{border:1px solid #d7e8ed;background:#fff;border-radius:12px;padding:14px}.choice.good{border-color:#20a467;background:#eaf8f0}.choice.bad{border-color:#df5b5b;background:#fff0f0}.node{width:100%;border:0;text-align:left;padding:9px 10px;margin:4px 0;border-radius:10px;background:#f4fafc;color:#274b5d;font-size:14px}.node.child{margin-left:9px;width:calc(100% - 9px)}.node.active{background:#dff4fa;color:#087f9b;font-weight:800}.panel h3{margin:4px 0 8px;font-size:17px}.vocab-card{display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:center;width:100%;border:1px solid #dcebf0;background:#fff;border-radius:12px;padding:7px;margin:7px 0;text-align:left}.vocab-card img{width:64px;height:52px;object-fit:cover;border-radius:9px;background:#eff7f9}.vocab-card b{display:block}.vocab-card small{color:#6d8190}.homegrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.homeitem{border:1px solid #dcebf0;border-radius:14px;background:#fff;padding:14px;text-align:left}.homeitem.recent{background:#f0fbfd;border-color:#98d9e8}.remember{padding:12px;border-radius:13px;background:#fff8df;border:1px solid #efd780;margin:8px 0}.audio-status{font-size:12px;margin-top:7px;color:#69808d}.bottombar{display:grid;grid-template-columns:auto minmax(120px,280px) minmax(160px,1fr) auto;align-items:center;background:#fff;border-top:1px solid #dcebf0;padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));gap:10px;font-size:12px;z-index:20}.navbtn{border:0;background:transparent;color:#4a6574;font-weight:800}.crumbline{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progresswrap{display:flex;align-items:center;gap:8px;min-width:100px}.bar{height:5px;background:#e4eef1;border-radius:999px;overflow:hidden;flex:1}.bar i{display:block;height:100%;background:#ff6d31;width:0}.focus .topbar,.focus .bottombar,.focus .rail,.focus .panel{display:none!important}.focus{grid-template-rows:1fr}.focus .workspace{height:100%}.focus .main{padding:6px}.focus .card{max-width:1120px}@media(max-width:900px){.app.map-open .side{flex-basis:180px;width:180px}.app.vocab-open .right{flex-basis:195px;width:195px}.mode{padding:0 10px;font-size:14px}.lesson-layout{grid-template-columns:minmax(210px,.8fr) minmax(260px,1.2fr);gap:10px}.vocab-card{grid-template-columns:56px 1fr}.vocab-card img{width:56px;height:46px}.brand{font-size:18px}.focusbtn span{display:none}}@media(max-width:700px){.mode span{display:none}.mode{padding:0 12px}.lesson-layout,.homegrid{grid-template-columns:1fr}.crumbline{display:none}.bottombar{grid-template-columns:auto 1fr auto}.app.map-open .side{flex-basis:170px;width:170px}.app.vocab-open .right{flex-basis:180px;width:180px}}

.dialogue-row{margin:14px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.dialogue-row.has-actor{grid-template-columns:56px minmax(0,1fr) auto}.dialogue-row .actor{flex-direction:column;font-size:12px}.dialogue-row .sentence{margin:0}.actor{display:flex;align-items:center;gap:8px;color:#087f9b}.portrait{display:inline-block;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background-size:360px auto;background-color:#eef8fb;border:2px solid #b9e4ef}.exercise{display:grid;gap:12px}.exercise-card{padding:12px;border:1px solid #d6e8ee;border-radius:12px}.exercise-image{display:block;width:110px;height:74px;object-fit:contain;margin-bottom:8px}.exercise label{display:flex;align-items:center;gap:10px}.exercise input,.exercise select{font:inherit;padding:8px;border:2px solid #b3cdd8;border-radius:8px;background:#fff;color:#17384d}.exercise input{width:150px;max-width:100%;margin:5px}.exercise .correct{border-color:#158348;background:#ecfbf2}.exercise .incorrect{border-color:#c93838;background:#fff0f0}.exercise-result{font-weight:700}.speaking-tools{border-top:1px solid #d6e8ee;margin-top:18px;padding-top:10px}.speaking-tools audio{max-width:100%;display:block;margin-top:8px}.vocab-card img{object-fit:contain;background:#f4fafc}.lyrics p{line-height:1.8}
.speed-control{display:flex;align-items:center;gap:8px;background:#f0f8fb;border-radius:12px;padding:3px}.speed-control output{min-width:52px;text-align:center;font-weight:800}.speed-control button{min-width:40px;font-size:20px}.word-bank{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.word-bank span{padding:7px 12px;border:1px solid #e6c291;background:#fff7e9;border-radius:9px}.reading-passage{background:#fff7e9;border:1px solid #ead4b6;padding:15px;border-radius:12px;line-height:1.8}.workbook-notice{padding:12px;background:#fff6df;border-radius:10px;line-height:1.6}.workbook-exercise select{max-width:100%}
.answer-option{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px}.answer-option img{width:72px;height:48px;object-fit:contain}.answer-option input{width:20px;height:20px}.exercise fieldset.correct{border:2px solid #158348}.exercise fieldset.incorrect{border:2px solid #c93838}.country-game-row{display:grid!important;grid-template-columns:72px minmax(80px,1fr) minmax(0,1.4fr);gap:10px;align-items:center;padding:8px}.country-game-row img{width:64px;height:44px;object-fit:contain}.country-game-row input{min-width:0;width:100%}.pupil-card-preview{border:3px solid #0a91b2;border-radius:16px;overflow:hidden;margin-top:16px;background:linear-gradient(135deg,#edfaff,#fff);padding:18px}.pupil-card-preview h3{margin-top:0;color:#087f9b}.pupil-card-preview p{padding:8px;border-bottom:1px solid #d6e8ee}
.map-unit-toggle,.map-lesson-toggle{display:flex;align-items:center;gap:7px}.map-unit-toggle{font-weight:800;background:#e9f6fa}.map-lesson-toggle{font-weight:700;background:transparent}.map-lessons{padding-left:6px;border-left:2px solid #dcebf0;margin-left:8px}.map-activities{padding-left:4px}.map-chevron{flex:0 0 16px;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.node[aria-expanded="true"] .map-chevron{transform:rotate(90deg)}.map-label{min-width:0;overflow-wrap:anywhere}.map-activities .node.child{font-size:13px}.homeitem small{display:block;margin-top:9px;color:#607887}
.speaking-prompts{display:flex;flex-wrap:wrap;gap:8px}.speaking-prompts span{padding:8px 12px;background:#fff5e4;border-radius:8px}.game-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.game-board button{padding:12px 6px;display:flex;flex-direction:column;gap:8px;align-items:center;border:2px solid #c6e2eb;border-radius:12px;background:#f5fbfd}.game-board img{width:100%;max-width:140px;height:86px;object-fit:contain}.game-board .good{background:#e5f8ef;border-color:#148c55}.game-board .bad{background:#fff0f0;border-color:#c93838}
.table-scroll{overflow-x:auto}.tick-grid{border-collapse:collapse;font-size:13px;width:100%}.tick-grid th,.tick-grid td{border:1px solid #b3cdd8;padding:6px;text-align:center}.tick-grid input{width:22px;height:22px;min-width:22px;margin:0}.board-cells{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;list-style:none}.board-cells li{padding:12px;border:2px solid #d6e8ee;border-radius:12px;background:#f4fafc}.board-cells li.active{border-color:#069fbb;background:#dcf5fb}
.assessment-summary{padding:10px;border-radius:10px;background:#edf8fb}.source-text,.reading-passage{white-space:pre-line}.assessment-form select,.assessment-form input{display:block;margin-top:9px;max-width:100%}.assessment-form .review{border-color:#b87912;background:#fff8df}.bookpage+.bookpage{margin-top:10px}

.lesson-layout.activity-sheet{display:flex;flex-direction:column;gap:16px}
.activity-sheet>.activity-source,.activity-sheet>.activity-box{width:100%;min-width:0}
.activity-sheet .bookpage{height:auto}
.test-gate{max-width:440px;margin:20px auto;display:grid;gap:14px}.test-gate input{font:inherit;padding:12px;border:1px solid #aecdd7;border-radius:10px;width:100%}
.reading-library{margin:12px 0 24px}.reading-card{justify-content:flex-start;text-align:left;padding:14px}.reading-shortcut{margin-top:12px}
.top-actions{display:flex;align-items:center;gap:6px;min-width:0}.top-actions .focusbtn{padding:8px}
.app{grid-template-rows:calc(52px + env(safe-area-inset-top)) minmax(0,1fr) calc(36px + env(safe-area-inset-bottom))}.topbar{padding-top:env(safe-area-inset-top)}.bottombar{padding-bottom:env(safe-area-inset-bottom)}.focus{grid-template-rows:1fr}
@media(max-width:1100px){.top-actions .focusbtn span{display:none}}@media(max-width:400px){.mode{padding:0 7px}.topbar{padding-left:6px;padding-right:6px}.top-actions{gap:3px}}
#offlineDialog{width:min(520px,calc(100vw - 28px));max-height:85dvh;overflow:auto;border:1px solid #c8e1e8;border-radius:18px;padding:22px;color:#17384d}#offlineDialog::backdrop{background:#17384d66}#offlineDialog p{line-height:1.6}#offlineProgress{width:100%}
.source-zoom{margin-top:8px;text-decoration:none}

.buddy{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:calc(46px + env(safe-area-inset-bottom));z-index:25;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.buddy button,.buddy-panel{pointer-events:auto}.buddy-launcher{width:58px;height:58px;padding:2px;border:1px solid #b7dfe9;border-radius:50%;background:#fff;box-shadow:0 4px 18px #17384d33}.buddy-launcher img{width:100%;height:100%}.buddy-panel{width:min(350px,calc(100vw - 24px));max-height:calc(100dvh - 180px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;padding:15px;border:1px solid #b7dfe9;border-radius:18px;background:#fff;box-shadow:0 8px 32px #17384d33}.buddy-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.buddy-header h2{font-size:18px;margin:0}.buddy-close{border:0;background:#eef8fb;border-radius:8px;min-width:36px;min-height:36px;font-size:24px;color:#17384d}.buddy-status{font-size:13px;line-height:1.5}.buddy-transcript{max-height:170px;overflow:auto}.buddy-line{padding:9px;border-radius:10px;background:#eef8fb;font-size:14px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.buddy-line.user{background:#fff7e9}.buddy-form{display:grid;gap:7px;margin:12px 0}.buddy-form label{font-size:13px}.buddy-form textarea{width:100%;font:inherit;padding:8px;border:1px solid #aacdd8;border-radius:9px;resize:vertical}.buddy[data-state="listening"] .buddy-launcher{border:3px solid #cc4545}.buddy[data-state="listening"] .primary{background:#bd3737}.buddy[data-state="speaking"] .buddy-launcher img{animation:buddy-talk .6s ease-in-out infinite alternate}@keyframes buddy-talk{to{transform:translateY(-3px) rotate(3deg)}}@media(prefers-reduced-motion:reduce){.buddy *{animation:none!important}}.app.vocab-open~.buddy{right:240px}@media(max-width:700px){.app.vocab-open~.buddy{right:12px}}

.buddy-header{position:sticky;top:0;background:#fff;z-index:2;padding-bottom:6px}.buddy-controls{position:sticky;top:42px;z-index:1;background:#fff;padding:6px 0}.buddy-auto{width:100%;justify-content:center}.buddy-auto.microphone-on{background:#b52d38}.buddy-mic-state{font-size:12px;margin:6px 0;color:#637b87}.buddy-mic-state.on{font-weight:800;color:#b52d38}.buddy-barge{display:flex;align-items:flex-start;gap:7px;font-size:12px;line-height:1.4}.buddy-barge input{flex:0 0 18px;width:18px;height:18px;margin:0}.buddy[data-microphone="true"] .buddy-launcher{border:3px solid #b52d38}.buddy-controls .hint{margin:6px 0;font-size:12px}.buddy-controls .actions{margin:6px 0}


.buddy{user-select:none}.buddy-avatar-wrap{display:flex;align-items:flex-end;gap:6px}.buddy-launcher{position:relative;touch-action:none;cursor:grab}.buddy-launcher:active{cursor:grabbing}.buddy .buddy-launcher img{animation:none!important;pointer-events:none}.buddy-mouth{display:none;position:absolute;left:50%;top:54%;width:7px;height:3px;transform:translate(-50%,-50%);border:1px solid #175365;border-radius:50%;background:#d85f43;pointer-events:none}.buddy[data-playing="true"] .buddy-mouth{display:block;animation:buddy-mouth-talk .18s ease-in-out infinite alternate}@keyframes buddy-mouth-talk{to{height:8px;transform:translate(-50%,-50%) scaleX(1.3)}}.buddy-bubble-toggle{width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid #b7dfe9;border-radius:50%;background:#fff;color:#087f9b;box-shadow:0 3px 10px #17384d26}.buddy-bubble-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.buddy-live-controls{display:flex;align-items:center;gap:9px;padding:7px 9px;border:1px solid #edc3c6;border-radius:10px;background:#fff;box-shadow:0 4px 16px #17384d24}.buddy-live-indicator{display:flex;align-items:center;gap:7px;color:#a52b36;font-size:12px;font-weight:800}.buddy-live-indicator:before{content:"";width:9px;height:9px;border-radius:50%;background:#c93838;box-shadow:0 0 0 3px #f7dfe1}.buddy-live-mute{min-height:32px;padding:5px 9px;border:0;border-radius:7px;background:#b52d38;color:#fff;font-size:12px;font-weight:800}.buddy-panel{user-select:text}.buddy-bubble-toggle:focus-visible,.buddy-launcher:focus-visible,.buddy-live-mute:focus-visible{outline:3px solid #087f9b;outline-offset:3px}@media(prefers-reduced-motion:reduce){.buddy-mouth{animation:none!important}}
.buddy-avatar-wrap{position:relative;width:80px;padding-top:12px;justify-content:flex-end}.buddy-bubble-toggle{position:absolute;top:0;left:0;z-index:1}.buddy-launcher{-webkit-touch-callout:none;-webkit-user-select:none}.buddy-launcher img{-webkit-user-drag:none}.buddy-auto{width:40px;height:40px;padding:8px;display:inline-grid;place-items:center}.buddy-auto svg,.buddy-live-mute svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.buddy-live-controls{padding:0;gap:0;border:0;background:transparent;box-shadow:none}.buddy-live-indicator{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.buddy-live-mute{display:grid;place-items:center;width:40px;height:40px;padding:8px;border-radius:50%}
.buddy-panel{padding:12px;display:flex;flex-direction:column;gap:8px;width:min(360px,calc(100vw - 24px));overflow:auto}.buddy-header{position:static;padding:0;flex-shrink:0}.buddy-panel>p{margin:0;font-size:12px;line-height:1.45}.buddy-panel>.hint{color:#637b87;padding-bottom:6px;border-bottom:1px solid #e1edf1}.buddy-status{padding:8px 10px;background:#eef8fb;border-radius:9px}.buddy-controls{position:static;display:grid;gap:8px;padding:0;flex-shrink:0}.buddy-microphone-row{display:flex;align-items:center;gap:10px}.buddy-mic-state{margin:0!important}.buddy-action-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.buddy-action-row button{justify-content:center;margin:0;padding:8px}.buddy-controls .hint{margin:0;font-size:11px}.buddy-barge{margin:0;padding:7px 0;border-top:1px solid #e1edf1}.buddy-transcript{min-height:56px;max-height:180px;overflow:auto;border:1px solid #e1edf1;border-radius:10px;padding:6px}.buddy-transcript:empty:before{content:'Nội dung trò chuyện sẽ hiện ở đây.';display:block;padding:8px;color:#637b87;font-size:12px}.buddy-line{margin:0 0 6px;padding:8px}.buddy-line:last-child{margin-bottom:0}.buddy-form{margin:0;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:end}.buddy-form label{grid-column:1/-1}.buddy-form textarea{min-width:0;resize:vertical;min-height:56px}.buddy-form button{min-height:40px;margin:0}.buddy-footer{display:grid;gap:8px;border-top:1px solid #e1edf1;padding-top:8px}.buddy-footer>button{justify-self:start;font-size:12px;padding:6px 9px}.buddy-footer .hint{margin:0;font-size:11px;line-height:1.45}
.transcript-target{scroll-margin-block:12px}.transcript-target.transcript-active{background:#fff0a8;color:#17384d;box-shadow:inset 0 0 0 2px #d89800;border-radius:7px}.transcript-target[role="button"]{cursor:pointer;padding:3px 1px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.transcript-target[role="button"]:focus-visible{outline:2px solid #0a91b2;outline-offset:3px}
.shadowing{border-top:1px solid #d6e8ee;margin-top:14px;padding-top:10px}.shadowing summary{padding:10px 0;cursor:pointer;font-weight:750}.shadowing-line{padding:12px;border-radius:10px;background:#edf8fb;line-height:1.7}.shadowing audio{display:block;max-width:100%}.shadowing button{min-height:44px}.shadowing button:disabled{opacity:.45;cursor:default}.shadowing button[aria-pressed="true"]{background:#dff4fa;box-shadow:inset 0 0 0 2px #0a91b2}
.memory-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;position:sticky;top:0;background:#fff;z-index:1;padding-bottom:7px}.memory-tabs button{padding:8px 3px;min-height:44px;font-size:12px;justify-content:center}.memory-tabs [aria-selected=true]{background:#087f9b;color:#fff}.memory-card{border-bottom:1px solid #dcebf0;padding:8px 0}.memory-source{display:block;border:0;background:none;text-align:left;color:#087f9b;font-size:12px;line-height:1.5;min-height:44px;padding:6px 0}.recall-form{display:grid;gap:10px;padding:10px 0}.recall-form input{font:inherit;min-width:0;width:100%;padding:10px;border:1px solid #aacdd8;border-radius:9px}.recall-form button{min-height:44px}
.review-home-card{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:64px;border:1px solid #97d7e6;background:#edfafd;border-radius:14px;padding:14px;margin:8px 0 16px;color:#17384d;text-align:left}.review-home-card b{font-size:18px}.review-home-card span{font-size:13px;color:#517383}.smart-review{max-width:720px;margin:auto;border:1px solid #dcebf0;border-radius:14px;padding:16px}.smart-review select,.recall-form select{font:inherit;max-width:100%;min-height:44px;padding:8px;border:1px solid #aacdd8;border-radius:9px}.smart-review .actions{gap:10px}.smart-review button{min-height:44px}.recall-form input[type=checkbox]{width:22px;min-height:22px}.review-progress{color:#087f9b;font-weight:750}