:root{font-family:ui-rounded,system-ui,-apple-system,Segoe UI,sans-serif;color:#273055;background:#f5f6ff}*{box-sizing:border-box}body{margin:0}header{background:white;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(16px,4vw,60px);border-bottom:3px solid #e8e7ff;gap:12px;flex-wrap:wrap}.brand,.topright,.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.brand strong{font-size:1.45rem;color:#5645c7}.brand small{display:block;color:#657091}.mascot{display:grid;place-items:center;background:#efe9ff;color:#604ed5;width:48px;height:48px;border-radius:16px;font-size:30px}.pill{border-radius:99px;background:#e8f9f0;padding:9px 13px;color:#21794c;font-weight:700;font-size:.85rem}button{border:0;cursor:pointer;border-radius:13px;padding:12px 16px;font:inherit;font-weight:750;min-height:44px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #efb942;outline-offset:2px}.subtle{background:#eaeaff;color:#5146a4}.primary{background:#5b4bd8;color:white}.danger{background:#fff0f0;color:#ad364a}button:hover{filter:brightness(.96)}main{max-width:1250px;margin:auto;padding:24px 18px 65px}.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(120deg,#e9e5ff,#e7f9fc);border-radius:30px;padding:clamp(20px,4vw,45px);margin-bottom:20px}.hero h1{font-size:clamp(2rem,4vw,3.6rem);line-height:1.12;margin:12px 0;color:#41358e}.hero p{font-size:1.08rem;max-width:550px}.eyebrow{font-size:.78rem;letter-spacing:.09em;font-weight:850;color:#695bb4}.heroart{font-size:clamp(4rem,10vw,8rem);white-space:nowrap}.heroart span{font-size:.38em;vertical-align:top}.panel,.teachcard,.toolbox{background:white;border-radius:25px;padding:clamp(18px,3vw,30px);box-shadow:0 8px 35px #3632870c}.panel h2{font-size:1.18rem;margin:22px 0 12px}.choices{display:flex;gap:10px;flex-wrap:wrap}.choices button{background:#f0efff;color:#5545a8;border:2px solid transparent}.choices button.selected{border-color:#6552e8;background:#e7e1ff}.lessonCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}.lessoncard{text-align:left;background:#fff9eb;border:2px solid #ffdfa0;min-height:145px;padding:20px}.lessoncard b,.lessoncard span{display:block}.lessoncard span{font-size:2.4rem;margin-bottom:10px}.classhead{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:20px}.classhead h1{margin:4px 0;color:#40368e}.classgrid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,1fr);gap:18px}.teacher{display:flex;align-items:center;gap:15px;background:#fff5df;border-radius:20px;padding:16px}.teacher p{margin:8px 0 0}.avatar{font-size:4rem}.visual{background:#f3faff;border:2px dashed #b8d9ee;min-height:160px;border-radius:20px;display:grid;place-items:center;padding:22px;margin:20px 0;text-align:center}.bigvisual{font-size:clamp(2.5rem,7vw,5rem);line-height:1.6}.task{padding:12px 0}.task button{margin:5px;background:#e7eaff;color:#40328b}.task button.correct{background:#c9f7d7}.task button.wrong{background:#ffe0e0}.chatbox{border-top:2px solid #ececff;margin-top:24px;padding-top:16px}.chatbox label,.tabbody label{font-weight:750;display:block;margin-bottom:8px}.chatbox input{flex:1;min-width:140px}.chatbox small,.privacy{color:#68728e;font-size:.82rem}input,select,textarea{border:2px solid #dcdff0;border-radius:12px;padding:12px;font:inherit;width:100%;background:white;color:#273055}textarea{resize:vertical}.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.tabs button{flex:1;padding:10px 8px;background:#efeff9;color:#625b86}.tabs button.active{background:#5b4bd8;color:white}.tabbody .row{margin-top:12px}.tabbody .row label{display:flex;align-items:center;gap:8px;margin:0}.tabbody input[type=color]{width:48px;padding:3px}.tabbody input[type=range]{width:110px}canvas{width:100%;height:auto;border:2px solid #ddd;border-radius:12px;touch-action:none;background:white}.privacy{margin-top:24px;padding:14px;background:#f2fbf7;border-radius:12px}.modal{position:fixed;inset:0;background:#17203c99;display:grid;place-items:center;padding:15px;z-index:5}.modal[hidden],[hidden]{display:none!important}.dialog{width:min(620px,100%);max-height:90vh;overflow:auto;background:white;border-radius:24px;padding:25px}.dialog label{display:block;margin:14px 0;font-weight:700}.dialog label input,.dialog label select{margin-top:7px}.between{justify-content:space-between}.dialog hr{border:0;border-top:2px solid #eee;margin:22px 0}footer{text-align:center;color:#6b7292;padding:18px}#answer,#gradeResult{white-space:pre-wrap}#assignment label{font-size:.95rem;margin:12px 0}#assignment input{margin-top:6px}@media(max-width:800px){.classgrid{grid-template-columns:1fr}.heroart{display:none}.topright .pill{display:none}}@media print{header,footer,.topright,.tabs,.classhead,.chatbox,.row,.privacy{display:none!important}body{background:white}.toolbox,.teachcard{box-shadow:none}.classgrid{display:block}}
/* Version 2.0 voice and AI learning controls */
#voiceStatus{font-size:.85rem;color:#504f75;margin:.4rem 0}#sourceText{width:100%;box-sizing:border-box;min-height:110px}.aiassignment{white-space:pre-wrap;line-height:1.55;margin:12px 0;padding:12px;border-radius:14px;background:#f4f5ff;max-height:340px;overflow:auto}.row{flex-wrap:wrap}

.modlink{text-decoration:none;color:inherit}