:root{font-family:PingFang SC,system-ui,sans-serif;color:#243a32;background:#f4f4ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{max-width:1260px;margin:auto;padding:30px 36px 20px;display:flex;justify-content:space-between;align-items:center}small{font-size:12px;letter-spacing:2px;color:#687c70}h1{font-size:28px;margin:9px 0}h1 span{font-size:14px;font-weight:400;margin-left:16px;color:#6f7b70}main{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,1fr);gap:36px;max-width:1260px;margin:auto;padding:0 36px 35px}button,select,input{font:inherit;border:1px solid #cbd4c9;border-radius:8px;padding:11px 15px;background:#fff;color:inherit}button{cursor:pointer}button:hover{background:#e2eadf}button:disabled{opacity:.5}nav,.toolbar{display:flex;align-items:center;gap:12px;justify-content:space-between}nav{margin:4px 0 18px}.board{background:#dcc398;border:12px solid #c3a476;border-radius:8px;box-shadow:0 14px 36px #51402e19}.board svg{display:block;width:100%;height:auto}.board line{stroke:#756447;stroke-width:1.2}.board text{font-size:15px;text-anchor:middle;fill:#584b38}.point{cursor:pointer}.empty{fill:transparent}.empty:hover{fill:#26382c44}.black{fill:#202622;stroke:#080f0a;stroke-width:2}.white{fill:#fffef7;stroke:#b5b8aa;stroke-width:2}.marked{stroke:#d75230;stroke-width:5}.toolbar{margin-top:16px;flex-wrap:wrap}.toolbar span,.source{font-size:12px;color:#69776a}.avatar{height:390px;background:#e1e7dc;position:relative;border-radius:14px;overflow:hidden}.avatar iframe{width:100%;height:100%;border:0}.avatar label{position:absolute;top:16px;left:16px;background:#fff;padding:5px 12px;border-radius:15px;font-size:12px}.missing{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#526553}.missing>span{font-size:12px;letter-spacing:6px}.missing h2{font-size:22px;margin:15px 0 0}.missing p{font-size:13px;line-height:1.8}.lesson{padding:23px 0 12px}h3{font-size:18px;line-height:1.7;margin:10px 0}.subtitle{font-size:15px;line-height:1.9;min-height:55px}.start{background:#285443;color:#fff;border:0}form{display:flex;gap:7px;margin-top:12px}input{width:100%;min-width:0}.stop{color:#a33d29}.error{font-size:13px;color:#9a391f;background:#fceee6;padding:12px;line-height:1.6}.settings{position:fixed;right:15px;top:90px;width:min(380px,95vw);padding:25px;background:#fff;box-shadow:0 10px 80px #0003;border-radius:15px}.settings p{font-size:13px;line-height:1.7}@media(max-width:800px){main{grid-template-columns:1fr;padding:0 16px 30px;gap:15px}header{padding:20px 16px}h1 span{display:none}.avatar{height:260px}}form button{flex-shrink:0;white-space:nowrap}aside{min-width:0}.composer{padding:12px;background:#fff;border:1px solid #d5ddd2;border-radius:14px;box-shadow:0 5px 20px #243a3208}.composer form{margin:0;gap:8px}.composer input{border:0;background:#f3f5f0;border-radius:8px}.composer .send{background:#285443;color:#fff;border-color:#285443}.voice-controls{display:flex;align-items:center;gap:8px;margin-top:10px}.voice-controls button{white-space:nowrap;padding:10px 12px;font-size:14px}.voice-controls .start{background:#edf2e9;color:#285443;border:1px solid #d5dfd0}.voice-controls .stop{margin-left:auto;background:#fff7f3;border-color:#edd9d0}.voice-controls .recording{background:#fde8df;color:#a33d29}.board-area>.toolbar{justify-content:flex-start;gap:8px}.board-area>.toolbar span{margin-left:auto}.lesson{padding:18px 2px 4px}.lesson h3{font-size:16px;margin:8px 0}.subtitle{min-height:58px;margin:8px 0 14px}.composer button:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #91b5a2;outline-offset:2px}@media(max-width:420px){.voice-controls{gap:6px}.voice-controls button{padding:10px;font-size:13px}.board-area>.toolbar span{width:100%;margin:0}.avatar{height:300px}}.review-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:14px;margin-top:14px;background:#e8eee2;border-radius:10px}.review-controls strong{margin-right:auto;font-size:14px}.review-controls p{width:100%;margin:4px 0 0;font-size:14px;line-height:1.7}.review-controls button{font-size:13px;padding:8px 12px}.platform-bar{display:flex;align-items:center;gap:20px;background:#fff;border-bottom:1px solid #dfe5dc;padding:16px 24px;flex-wrap:wrap}.brand{font-size:24px;font-weight:700;color:#285443;text-decoration:none;white-space:nowrap}.brand span{font-size:12px;font-weight:400;margin-left:10px}.platform-bar nav{display:flex;flex-wrap:wrap;gap:4px;margin:0;flex:1}.platform-bar nav button{border:0;background:transparent;font-size:13px;padding:9px}.platform-bar nav button.selected{background:#e7eee3;color:#285443}.account{display:flex;align-items:center;gap:8px;font-size:13px}.account button{font-size:12px;padding:8px}.demo-notice{background:#f1ead9;color:#75613b;font-size:12px;padding:9px 24px;text-align:center}.page-wrap{max-width:1200px;margin:0 auto;padding:35px 28px 70px}.portal-fieldset{border:0;padding:0;margin:0;min-width:0}.page-intro{padding:12px 0 28px;border-bottom:1px solid #dce3d8;margin-bottom:26px}.page-intro h1{font-size:32px;margin:12px 0}.page-intro p{max-width:750px;line-height:1.8;color:#657467}.primary{background:#285443!important;color:#fff!important;border-color:#285443!important}.surface{background:#fff;border:1px solid #dce3d8;border-radius:12px;padding:24px;margin:16px 0}.course-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:20px 0}.course-list article{background:#fff;border:1px solid #dce3d8;border-radius:12px;padding:24px;min-width:0}.course-list p{line-height:1.85;font-size:14px}.course-list small{letter-spacing:0;line-height:1.6}.stats{display:flex;gap:60px;margin:25px 0 40px;flex-wrap:wrap}.stats strong{font-size:38px;display:block}.stats span{font-size:13px;color:#657467}.list-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 4px;border-bottom:1px solid #dce3d8;flex-wrap:wrap}.list-row small{display:block;letter-spacing:0;margin-top:7px}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.stack-form{display:flex;flex-direction:column;gap:14px}.stack-form label,.exam-form label{display:flex;flex-direction:column;gap:7px;font-size:14px}.stack-form input,.stack-form textarea,.stack-form select{width:100%}textarea{font:inherit;color:inherit;border:1px solid #cbd4c9;padding:10px;border-radius:8px;resize:vertical;min-width:0}.check-label{display:flex!important;flex-direction:row!important;align-items:center;font-size:13px;gap:8px}.check-label input{width:auto!important}.auth-panel{max-width:480px;margin:50px auto;padding:32px;background:#fff;border:1px solid #dce3d8;border-radius:14px}.auth-panel p{font-size:14px;line-height:1.7;color:#657467}.notice{padding:14px;background:#e7eee3;border-radius:8px;font-size:14px}.selectable{word-break:break-all;-webkit-user-select:all;user-select:all;font-family:monospace}.preserve-text{white-space:pre-wrap}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.compact-board{border-width:7px;max-width:550px}.exam-form{display:block}.exam-form .compact-board{margin:12px 0}.teacher-preferences{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 0 12px;font-size:12px}.teacher-preferences select{padding:7px;font-size:12px;margin-left:6px}.teacher-preferences .check-label{font-size:12px}.price{font-size:25px!important;font-weight:600}.admin-forms{align-items:start}h2{font-size:22px;margin-top:30px}.surface h2,.stack-form h2{margin-top:0}.page-wrap a{color:#285443}.page-wrap ol{max-height:400px;overflow:auto;line-height:1.8}@media(max-width:800px){.platform-bar{gap:12px;padding:14px 16px}.platform-bar nav{order:3;flex-basis:100%;flex-wrap:nowrap;overflow-x:auto}.platform-bar nav button{flex-shrink:0}.account{margin-left:auto}.page-wrap{padding:24px 16px 50px}.split{grid-template-columns:1fr}.auth-panel{margin:25px 16px}.stats{gap:30px}.demo-notice{text-align:left;padding:9px 16px}.course-list{grid-template-columns:1fr}.teacher-preferences{justify-content:flex-start}.page-intro h1{font-size:27px}}.board-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px;font-size:12px;color:#69776a;gap:12px}.classroom-menu{position:relative}.classroom-menu summary,.classroom-settings summary{cursor:pointer;padding:8px}.menu-content{position:absolute;right:0;bottom:100%;width:150px;background:#fff;border:1px solid #d5ddd2;border-radius:10px;padding:6px;box-shadow:0 8px 24px #243a3215;z-index:3}.menu-content button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:10px}.menu-content button:hover{background:#edf2e9}.teaching-notes{min-height:128px;padding:8px 0 14px}.teaching-notes p{font-size:15px;line-height:1.85;margin:8px 0}.teaching-notes p+p{color:#4e6257}.empty-note{color:#738277}.conversation-status{display:flex;justify-content:space-between;align-items:center;min-height:33px;padding-top:7px;font-size:12px;color:#6f7b70}.interrupt-button{border:0;background:transparent;color:#9a391f;font-size:12px;padding:5px 8px}.quiet-button{border:0;background:transparent;font-size:13px}.settings-heading{display:flex;align-items:center;justify-content:space-between}.settings-heading h2{font-size:19px;margin:0}.settings-heading button{border:0;font-size:12px}.classroom-settings{z-index:10;max-height:80vh;overflow:auto}.classroom-settings>label{display:flex;align-items:center;justify-content:space-between;margin:20px 0;font-size:14px}.classroom-settings select{max-width:160px}.classroom-settings details{border-top:1px solid #dce3d8;padding-top:12px}.classroom-menu summary:focus-visible{outline:3px solid #91b5a2;outline-offset:2px}.mobile-nav-toggle{display:none}.account select{max-width:130px;font-size:12px;padding:7px}.course-reader p{line-height:2;max-width:66ch}.course-reader .inline-actions{justify-content:space-between;align-items:center}.course-reader h2{margin:0}.list-row>span,.list-row>div{min-width:0;overflow-wrap:anywhere}.page-wrap button,.page-wrap a{touch-action:manipulation}.page-wrap a{line-height:1.6}.page-wrap select{max-width:100%}@media(max-width:800px){.platform-bar{position:sticky;top:0;z-index:12;padding:10px 14px;gap:8px}.brand{font-size:21px}.brand span{display:none}.mobile-nav-toggle{display:block;font-size:12px;padding:8px;margin-left:auto}.account{margin-left:0;gap:6px}.account>span{display:none}.account>button{padding:7px}.platform-bar nav{display:none;overflow:visible}.platform-bar nav.expanded{display:grid;grid-template-columns:1fr 1fr;gap:5px}.platform-bar nav button{text-align:left;padding:12px}.demo-notice{font-size:11px;line-height:1.6;padding:7px 14px}.page-wrap{padding:18px 14px 40px}.page-intro{padding:4px 0 18px}.page-intro h1{font-size:27px}.surface,.course-list article{padding:18px}.stats{gap:24px;margin:20px 0}.stats strong{font-size:30px}.page-wrap form:not(.stack-form):not(.exam-form){flex-wrap:wrap}.page-wrap form input{flex:1 1 170px}.page-wrap .list-row{gap:10px}.list-row .inline-actions{width:100%}.course-list{gap:12px}.auth-panel{margin:18px 14px;padding:22px}.settings{top:70px}main{display:flex;flex-direction:column;padding:0 12px 24px;gap:16px}header{padding:16px 14px 10px}.board-area nav{margin:0 0 12px}.board-area nav select{max-width:65%;padding:10px}.board{border-width:8px}.board-footer{margin-top:8px}main>aside{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:start}.avatar{height:128px;border-radius:10px}.avatar label{font-size:9px;padding:3px 6px;left:5px;top:5px}.lesson{padding:0;min-width:0}.lesson small{font-size:10px;letter-spacing:.5px}.lesson h3{font-size:14px}.teaching-notes{min-height:100px;padding-bottom:0}.teaching-notes p{font-size:13px;line-height:1.7;margin:5px 0}.composer,aside>.error{grid-column:1/-1}.composer{padding:9px;position:static;box-shadow:0 4px 18px #243a3215}.composer input{font-size:16px}.composer button{padding:9px;font-size:13px}.conversation-status{font-size:11px}.review-controls{padding:10px}.review-controls button{min-height:40px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.point.chosen{stroke:#285443;stroke-width:5;fill:#b5c7af88}.point.chosen.black{fill:#202622}.point.chosen.white{fill:#fffef7}@media(max-width:800px){.page-wrap input,.page-wrap textarea{font-size:16px}}.learning-brief{padding:16px 18px;margin-bottom:16px;background:#eef1e8;border-radius:10px;line-height:1.7}.learning-brief small{color:#526b59;font-size:12px}.learning-brief p{font-size:14px;margin:6px 0}.learning-brief summary,.outcome-card summary{cursor:pointer;font-size:13px;padding:6px 0}.outcome-card{padding:20px;margin-bottom:16px;border:1px solid #d4dccc;border-radius:12px;background:#fffdf7}.outcome-card.success{background:#e9f2e4;border-color:#b4cba7}.outcome-card h2{margin:4px 0 10px;font-size:23px}.outcome-card p{font-size:14px;line-height:1.8}.outcome-card .inline-actions{margin-top:12px}.point.dead-mark{opacity:.4;stroke:#ac4936;stroke-width:6;stroke-dasharray:5 3}.outcome-card button{min-height:42px}.outcome-card small{font-size:12px;color:#586c5c}@media(max-width:800px){.learning-brief{padding:12px;margin-bottom:12px}.learning-brief p,.outcome-card p{font-size:13px}.outcome-card{padding:15px}.outcome-card h2{font-size:21px}.outcome-card .inline-actions button{flex:1}}.completion-dialog{border:1px solid #d3decc;border-radius:24px;padding:0;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;background:#fafbf6;color:#243e31;box-shadow:0 24px 100px #11271d44}.completion-dialog::backdrop{background:#14261d80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.completion-content{position:relative;padding:36px;text-align:center}.completion-close{position:absolute;right:14px;top:12px;width:38px;height:38px;padding:0;border:0;background:transparent;font-size:27px;color:#64766a}.completion-emblem{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;margin:0 auto 20px;background:#e2edd9;color:#3c684a;font-size:31px}.completion-content>small{font-size:12px;color:#71806e}.completion-content h2{font-size:30px;margin:12px 0 18px;letter-spacing:1px}.completion-summary{font-size:16px;line-height:1.9;margin:20px 0 26px}.completion-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}.completion-actions button{min-height:48px}.completion-actions .completion-primary{background:#2d513e;color:#fff;border-color:#2d513e}.completion-score{display:flex;justify-content:center;gap:64px;margin:22px 0}.completion-score span{font-size:13px;color:#6e7d6b}.completion-score strong{display:block;font-size:32px;color:#243e31;margin-top:8px}.completion-content>p:not(.completion-summary){font-size:13px;color:#6e7d6b}.completion-content details{text-align:left;font-size:12px;line-height:1.8}.completion-content summary{cursor:pointer;text-align:center}.completion-content>.interrupt-button{margin-top:14px}.result-reopen{display:flex;justify-content:space-between;width:100%;padding:14px 18px;margin-bottom:14px;background:#e9f2e4;border-color:#b4cba7;text-align:left}.completion-dialog button:focus-visible{outline:3px solid #8eb28e;outline-offset:3px}@media(max-width:600px){.completion-content{padding:30px 22px 24px}.completion-content h2{font-size:26px}.completion-summary{font-size:15px}.completion-emblem{width:56px;height:56px}}:root{background:#f6f4ee;color:#243c31;--forest:#294c39;--paper:#faf9f4;--muted:#788377}body{background:#f6f4ee}button{transition:background .15s,border-color .15s}button:focus-visible,summary:focus-visible{outline:3px solid #8bac84;outline-offset:3px}.app-content{margin-left:184px;min-width:0}.platform-bar{position:fixed;inset:0 auto 0 0;width:184px;height:100dvh;background:#233f32;color:#e9eee3;display:flex;flex-direction:column;align-items:stretch;padding:28px 16px;gap:28px;z-index:20;border:0}.brand{color:#f5ecd1!important;font-family:Songti SC,serif;font-size:36px;letter-spacing:5px;line-height:1.1}.brand span{display:block;font-family:system-ui;font-size:10px;letter-spacing:2px;margin-top:12px;color:#bdcabb}.platform-bar nav{display:flex;flex-direction:column;align-items:stretch;gap:7px;margin:0;flex:1;justify-content:flex-start}.platform-bar nav button{border:0;text-align:left;color:#dbe4d6;background:transparent;border-radius:7px;padding:12px 14px;font-size:14px}.platform-bar nav button.selected{background:#45674f;color:#fff}.platform-bar nav button:hover{background:#365541}.account{margin:0;display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px}.account>span{display:block;width:100%;color:#c9d5c3}.account select,.account button{background:#2c4a39;border-color:#58705b;color:#edf1e8;font-size:11px}.demo-notice{margin:0;padding:6px 24px;background:#eeeadd;color:#7d775e;font-size:10px;text-align:right;line-height:1.5}.mobile-bottom{display:none}.classroom-heading{max-width:1220px;padding:22px 28px 18px;align-items:center}.classroom-heading small{font-size:11px;letter-spacing:1px}.classroom-heading h1{font-size:26px;font-weight:600;letter-spacing:1px;margin:8px 0 0}.classroom-layout{max-width:1220px;padding:0 28px 28px;grid-template-columns:minmax(0,1fr) minmax(280px,340px);gap:26px;align-items:start}.board-area{min-width:0;max-width:680px;justify-self:center;width:100%}.board-top{margin:0 0 14px;gap:10px}.board-top select{font-size:14px;background:#eeefe7;border:0;padding:12px;max-width:65%}.turn-label{font-size:12px;white-space:nowrap;display:flex;align-items:center;gap:7px}.turn-label i{display:inline-block;width:15px;height:15px;border-radius:50%;background:#23382c}.turn-label i.white{background:#fff;border:1px solid #bdc8b9}.board{max-width:min(100%,calc(100dvh - 260px));margin:auto;background:linear-gradient(105deg,#e3c697,#efd4a4 45%,#ddbc87);border:6px solid #d5b582;border-radius:9px;box-shadow:0 4px 12px #62461918}.board svg{max-height:100%;touch-action:manipulation}.board line{stroke:#7d6741;stroke-width:1}.board text{font-size:14px}.board .black{fill:url(#stone-black);stroke:#101a14;stroke-width:1}.board .white{fill:url(#stone-white);stroke:#b8bbab;stroke-width:1}.board .marked{stroke:#cc7e3f;stroke-width:4}.board .pending-stone{fill:#25433270;stroke:#345d41;stroke-width:2;stroke-dasharray:4 3}.board-footer{font-size:10px;gap:8px;margin-top:12px;align-items:center}.board-actions{display:flex;align-items:center;gap:6px}.board-actions>button,.classroom-menu summary{font-size:12px;padding:9px 12px;background:transparent;border:1px solid #ced6c7;border-radius:7px;min-height:38px}.classroom-menu summary{list-style:none}.menu-content{min-width:165px}.move-confirm{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;justify-content:center}.move-confirm button{font-size:12px;padding:9px}.move-confirm button:first-of-type{background:var(--forest);color:#fff}.teacher-column{display:flex;flex-direction:column;gap:14px;min-width:0}.avatar{height:clamp(170px,25vh,245px);border-radius:10px;background:#e9e8df;overflow:hidden}.teacher-notebook{background:#fffefa;border-radius:10px;border:1px solid #e8e9df;overflow:hidden}.teacher-tabs{display:flex;border-bottom:1px solid #e7e9df;gap:0}.teacher-tabs button{flex:1;border:0;border-radius:0;background:transparent;padding:13px 6px;font-size:14px;color:#7a8579;position:relative}.teacher-tabs button[aria-selected=true]{color:#264a35;font-weight:600}.teacher-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:0;left:22%;right:22%;height:3px;background:#365840;border-radius:3px}.teacher-notebook .lesson,.plan-panel{padding:15px 18px;max-height:220px;overflow:auto;scrollbar-width:thin}.teacher-notebook .lesson small,.plan-panel small{font-size:10px;letter-spacing:1px}.teacher-notebook h3,.plan-panel h3{font-size:14px;margin:8px 0;line-height:1.7}.teaching-notes{padding:0;min-height:90px}.teaching-notes p,.plan-panel p{font-size:14px;line-height:1.85;margin:8px 0}.plan-panel summary{font-size:12px;cursor:pointer;padding:5px 0}.engine-strip{background:#e9eee3;padding:12px 14px;border-radius:8px;font-size:12px;line-height:1.7}.engine-strip strong{font-size:13px;display:block}.engine-strip p{margin:5px 0;color:#677960;font-size:11px}.engine-strip button{padding:4px 0;border:0;border-bottom:1px solid #8b9e82;border-radius:0;font-size:12px;background:transparent}.composer{padding:10px 12px;background:#fffefa;border:1px solid #e2e7da;box-shadow:none;border-radius:10px}.composer form{gap:6px}.composer input{background:transparent;font-size:13px;padding:8px 2px}.composer form button{padding:9px 10px;font-size:12px;border-radius:7px}.conversation-status{font-size:10px;min-height:25px}.retry-strip{padding:12px;background:#f0eadb;font-size:12px;margin-bottom:12px;border-radius:8px;display:flex;flex-wrap:wrap;gap:9px;align-items:center}.retry-strip span{flex:1 1 160px}.retry-strip button{font-size:12px;padding:8px}.classroom-settings{right:24px;top:85px}.result-reopen{padding:10px 14px;font-size:13px}.review-controls{font-size:12px}.review-controls button{padding:7px;font-size:12px}.page-wrap{max-width:1200px;padding:32px;margin:auto}.page-intro{padding:0 0 24px}.page-intro h1{font-family:Songti SC,PingFang SC,serif;font-size:36px;letter-spacing:1px}.course-list{gap:16px}.course-list article,.surface{border-radius:10px;border-color:#e2e5da;box-shadow:none}.page-wrap h2{font-size:21px}.primary{background:#31583e!important;border-color:#31583e!important;color:#fff!important}.learning-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0 24px}.path-step{background:#fbfaf6;border:1px solid #e0e5d8;border-radius:9px;padding:20px;display:flex;flex-direction:column;align-items:start}.path-step strong{font-family:Songti SC,serif;font-size:32px;color:#4d7257}.path-step h3{font-size:16px;margin:12px 0 8px}.path-step p{font-size:12px;line-height:1.8;flex:1;color:#6c7b67}.path-step button{font-size:12px;padding:8px 10px}.curriculum-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.curriculum-grid h2{margin-top:0}.lesson-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lesson-tile{display:flex;flex-direction:column;text-align:left;padding:18px;border-color:#dde3d6;background:#fffdf7}.lesson-tile small{font-size:10px}.lesson-tile strong{font-size:16px;margin:8px 0}.lesson-tile span{font-size:12px;line-height:1.7;color:#697b64}.endgame-guide{padding:24px;background:#e3ebdc;border-radius:10px;margin-bottom:22px}.endgame-guide h3{font-size:22px;font-family:Songti SC,serif;margin:0 0 10px}.endgame-guide p{font-size:13px;line-height:1.8}.course-reader{line-height:1.9}.course-reader .preserve-text{white-space:pre-wrap}.lesson-catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}.lesson-catalog-toolbar select{font-size:13px}.learning-statline{display:flex;flex-wrap:wrap;gap:25px;border-top:1px solid #dce3d5;padding:20px 0;font-size:13px;color:#61715d}.learning-statline b{font-size:20px;color:#31543c;margin-right:6px}@media(min-width:801px)and (max-height:800px){.classroom-heading{padding-top:14px;padding-bottom:12px}.classroom-heading h1{font-size:23px}.teacher-column{gap:10px}.avatar{height:180px}.teacher-notebook .lesson,.plan-panel{max-height:180px}.engine-strip{padding:8px 12px}.engine-strip p{display:none}}@media(max-width:1100px)and (min-width:801px){.platform-bar{width:160px;padding:24px 12px}.app-content{margin-left:160px}.classroom-layout{padding:0 20px 24px;gap:20px;grid-template-columns:minmax(0,1fr) 290px}.classroom-heading{padding-left:20px;padding-right:20px}.learning-path{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.app-content{margin:0;padding-bottom:64px}.platform-bar{position:relative;width:100%;height:auto;inset:auto;flex-direction:row;flex-wrap:wrap;align-items:center;padding:14px 16px;gap:10px;background:#f8f7f0;color:#284332}.brand{font-size:27px;color:#294b38!important;letter-spacing:3px}.brand span{display:none}.mobile-nav-toggle{display:block;margin-left:auto;font-size:11px;padding:7px;background:transparent;border-color:#ced7c5}.platform-bar nav{display:none;order:4;flex-basis:100%;margin:0}.platform-bar nav.expanded{display:grid;grid-template-columns:1fr 1fr}.platform-bar nav button{color:#35523c;padding:10px;font-size:12px}.platform-bar nav button.selected{background:#e0e9d8;color:#264631}.account{margin:0;gap:6px}.account select,.account button{background:transparent;color:#35523c;border-color:#ced7c5;padding:7px;font-size:10px}.account>span{display:none}.demo-notice{padding:5px 14px;font-size:9px;line-height:1.5;text-align:left}.classroom-heading{padding:12px 14px;gap:10px}.classroom-heading h1{font-size:18px;margin-top:5px}.classroom-heading small{font-size:9px}.classroom-heading .quiet-button{font-size:11px;padding:6px}.classroom-layout{display:flex;flex-direction:column;padding:0 12px 18px;gap:16px}.board-area{max-width:520px;align-self:center}.board{max-width:100%;border-width:5px}.board-top{margin-bottom:10px}.board-top select{font-size:12px;padding:8px}.turn-label{font-size:11px}.board-footer{font-size:9px}.board-actions>button,.classroom-menu summary{padding:8px 10px;font-size:11px}.teacher-column{display:grid!important;grid-template-columns:82px minmax(0,1fr);gap:10px;width:100%}.teacher-column .avatar{height:116px;border-radius:8px}.teacher-notebook{min-width:0}.teacher-tabs button{font-size:12px;padding:9px 3px}.teacher-notebook .lesson,.plan-panel{padding:10px 12px;max-height:180px}.teacher-notebook h3,.plan-panel h3{font-size:12px}.teaching-notes{min-height:55px}.teaching-notes p,.plan-panel p{font-size:12px;line-height:1.75}.teacher-notebook .lesson small{display:none}.engine-strip,.composer,aside>.error{grid-column:1/-1}.engine-strip{padding:9px 12px;font-size:11px}.engine-strip p{font-size:10px}.engine-strip strong{font-size:12px}.composer input{font-size:16px}.composer form button{font-size:11px;padding:9px}.conversation-status{font-size:10px}.mobile-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:21;background:#fbfaf4f5;border-top:1px solid #dfe4d8;margin:0;padding:7px 12px max(7px,env(safe-area-inset-bottom));gap:10px}.mobile-bottom button{flex:1;border:0;background:transparent;font-size:12px;padding:10px 0}.mobile-bottom button.selected{color:#284c35;background:#e4ecdc;font-weight:600}.page-wrap{padding:24px 16px 30px}.page-intro h1{font-size:28px}.learning-path{grid-template-columns:1fr 1fr;gap:10px}.path-step{padding:15px}.path-step strong{font-size:26px}.path-step h3{font-size:14px}.curriculum-grid{grid-template-columns:1fr;gap:20px}.lesson-catalog{gap:10px}.lesson-tile{padding:14px}.lesson-tile strong{font-size:14px}.learning-statline{gap:16px;font-size:11px}.learning-statline b{font-size:18px}.endgame-guide{padding:20px}.classroom-settings{top:70px;right:12px;left:12px;max-width:none}.completion-dialog{z-index:50}.retry-strip strong{font-size:12px}}@media(hover:none){.board .empty:hover{fill:transparent}}@media(max-width:800px){.board .empty:hover{fill:transparent}.board .pending-stone:hover{fill:#25433270}}
