:root{--ink:#152d34;--muted:#69818a;--mint:#a3e7ce;--teal:#0c7d75;--cream:#faf8f2;--border:#e1e9e6;--white:#fff;--shadow:0 14px 54px rgba(22,57,57,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--cream);color:var(--ink)}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a:focus-visible,button:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #57b7ae;outline-offset:3px}.wrap{max-width:1240px;padding:0 36px;margin:auto}
.wordmark{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:600;letter-spacing:-.9px;white-space:nowrap}.wordmark strong{font-weight:900}.wordmark-icon{width:40px;height:40px;display:grid;place-content:center;position:relative;background:#153d44;color:#fff;border-radius:13px;font-size:23px;line-height:1;letter-spacing:-2px;font-weight:800}.wordmark-icon span{color:#a1e7d0}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid transparent;padding:14px 22px;border-radius:13px;font-weight:750;white-space:nowrap;transition:transform .15s,box-shadow .15s,background .15s}.button:hover{transform:translateY(-2px)}.button-primary{background:#157b70;color:white;box-shadow:0 8px 20px rgba(18,119,106,.16)}.button-primary:hover{background:#0e625a}.button-dark{background:#15363e;color:white}.button-light{background:#fff;border-color:#dce7e2;color:#20484a}.button-small{padding:10px 15px;border-radius:10px;font-size:12px;gap:8px}
.site-header{height:98px;padding:0 max(36px,calc((100vw - 1170px)/2));display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.site-header nav{display:flex;align-items:center;gap:36px;font-weight:600;font-size:13px}.site-header nav a:not(.button):hover{color:var(--teal)}
.hero{padding-top:66px;padding-bottom:108px;display:grid;grid-template-columns:51% 49%;min-height:642px;align-items:center;position:relative}.hero-text{position:relative;z-index:2;padding-bottom:18px}.eyebrow,.section-kicker,.small-heading,.tiny-overline{font-weight:850;letter-spacing:2.3px;font-size:10px;color:#16776c}.eyebrow{display:flex;align-items:center;gap:9px}.live-dot,.signal-dot,.board-dot,.avatar-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#1daf7c;box-shadow:0 0 0 5px #b1f2d5}.hero h1{font-size:clamp(56px,6.3vw,93px);letter-spacing:-6px;line-height:1.015;font-weight:850;margin:29px 0 22px}.hero h1 em{font-style:normal;color:#148475}.hero-text>p{color:#657e85;font-size:19px;line-height:1.75;max-width:492px;margin:0 0 29px}.hero-actions{display:flex;align-items:center;gap:13px}.hero-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:27px;font-size:11px;color:#7e9398}.check-dot{color:#158c77;font-weight:900;margin-left:10px}
.hero-art{height:485px;position:relative}.decor{position:absolute;border-radius:50%;filter:blur(4px)}.decor-a{width:315px;height:315px;top:10px;right:15px;background:#dcf5e7}.decor-b{width:190px;height:190px;bottom:26px;left:58px;background:#fce5c5}.mini-lesson{position:absolute;top:62px;left:0;width:285px;min-height:287px;border:1px solid #ebeeed;border-radius:23px;background:#fff;box-shadow:0 24px 70px rgba(24,63,67,.10);padding:23px 24px;z-index:2;transform:rotate(-4deg)}.mini-top{display:flex;align-items:center;gap:6px;font-size:10px;letter-spacing:1px;color:#8a9da1;font-weight:800}.mini-bullet{background:#6ecfb5;border-radius:50%;width:8px;height:8px}.mini-live{margin-left:auto;color:#239879;background:#e5f9ef;padding:3px 7px;border-radius:7px;font-size:8px}.mini-math{font-size:31px;font-weight:750;letter-spacing:-1.5px;margin:26px 0 14px}.mini-equation{font-size:27px;margin:12px 0;color:#3b6170;font-weight:550;padding-left:11px}.mini-equation.accent{color:#0d8378;font-weight:850;position:relative}.math-tick{font-size:16px;color:#28b289}.underline-brush{height:4px;width:72px;display:block;background:#edbc5c;border-radius:50%;transform:rotate(-3deg);margin-left:-2px}.mini-note{color:#708b8d;font-size:11px;background:#f2faf4;padding:10px;border-radius:9px;margin-top:15px}.hero-avatar{position:absolute;right:0;top:-10px;width:355px;height:390px;border-radius:29px;overflow:hidden;z-index:1;box-shadow:0 18px 50px rgba(26,64,73,.18);border:8px solid white}.hero-avatar iframe{width:100%;height:100%;border:0;display:block}.avatar-caption{position:absolute;right:18px;bottom:47px;display:flex;align-items:center;gap:8px;z-index:3;background:#143d43;color:#fff;padding:13px 15px;border-radius:12px;font-size:12px;box-shadow:0 18px 30px #16393b2a}.avatar-caption span:last-child{color:#a8d0c7}.avatar-caption .signal-dot{width:7px;height:7px;box-shadow:none}.floating-chip{position:absolute;right:2px;top:28px;z-index:3;background:#fff;color:#34756e;padding:11px 16px;border-radius:50px;font-size:12px;font-weight:800;box-shadow:var(--shadow);transform:rotate(8deg)}
.feature-band{background:#eef6f1;padding:93px 0 97px}.feature-head h2{font-size:48px;letter-spacing:-2.5px;line-height:1.16;margin:13px 0 34px}.feature-head h2 span{color:#0c8a79}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{background:white;border-radius:22px;padding:30px;min-height:220px;box-shadow:0 8px 24px rgba(22,61,65,.035)}.feature-icon{width:45px;height:45px;display:grid;place-content:center;border-radius:12px;font-size:23px;font-weight:700}.lilac{background:#f0eaff;color:#8761c2}.yellow{background:#fff1cc;color:#ad7d1c}.mint{background:#dff8ee;color:#178b76}.feature-card h3{margin:20px 0 7px;font-size:19px;letter-spacing:-.4px}.feature-card p{color:#70858b;font-size:13px;line-height:1.85;margin:0}
.lesson-section{padding-top:91px;padding-bottom:95px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-heading h2{font-size:46px;letter-spacing:-2.6px;margin:8px 0}.section-heading p{color:#80949c;margin:0}.pill{padding:8px 14px;background:#e8f7ed;color:#3e8f78;font-size:11px;border-radius:25px;font-weight:850}.lesson-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.lesson-tile{border:1px solid var(--border);background:#fff;border-radius:20px;min-height:256px;padding:23px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.lesson-tile:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.tile-top{display:flex;justify-content:space-between;align-items:center}.lesson-symbol{font-size:25px;font-weight:800;width:51px;height:51px;display:grid;place-content:center;border-radius:15px}.lesson-symbol.purple{background:#e9e5ff;color:#7464bf}.lesson-symbol.orange{background:#fff0dc;color:#c37d3e}.lesson-symbol.blue{background:#e2efff;color:#4b85cb}.lesson-symbol.green{background:#ddf4e8;color:#248a69}.level{font-size:9px;letter-spacing:1px;font-weight:850;color:#97a6a9}.lesson-tile h3{font-size:20px;line-height:1.25;letter-spacing:-.7px;margin:27px 0 8px}.lesson-tile p{font-size:12px;color:#7d9498;margin:0}.tile-bottom{display:flex;justify-content:space-between;color:#688385;font-size:11px;border-top:1px solid #edf2f0;margin-top:auto;padding-top:18px}.tile-bottom span:last-child{font-size:20px;color:#168d7e;line-height:1}.site-footer{border-top:1px solid var(--border);min-height:110px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:#8a9c9e}.site-footer .wordmark{font-size:15px;color:#213f44}.site-footer .wordmark-icon{height:29px;width:29px;border-radius:9px;font-size:17px}
/* Classroom */
.classroom-body{height:100vh;overflow:hidden;background:#f6f8f7}.classroom-header{height:72px;background:white;border-bottom:1px solid #e4edeb;display:flex;justify-content:space-between;align-items:center;padding:0 25px}.classroom-header .wordmark{font-size:19px}.classroom-header .wordmark-icon{width:34px;height:34px;font-size:20px;border-radius:10px}.header-left,.header-right{display:flex;align-items:center;gap:18px}.header-divider{width:1px;height:26px;background:#e4eae7}.header-label{font-weight:700;font-size:12px;color:#7b9398}.connection{font-size:11px;color:#738e8e;display:flex;align-items:center;gap:8px}.connection::before{content:'';width:7px;height:7px;background:#d2a557;border-radius:50%}.connection.online::before{background:#29b588}.connection.error::before{background:#e18476}
.workspace{height:calc(100vh - 72px);display:grid;grid-template-columns:233px minmax(445px,1fr) 326px;min-height:0}.sidebar{border-right:1px solid var(--border);background:#fff;padding:29px 17px;display:flex;flex-direction:column;overflow:auto}.small-heading{padding-left:13px;color:#93a8a9;font-size:9px}.student-card{display:flex;align-items:center;gap:11px;padding:18px 9px 25px;border-bottom:1px solid #edf0ee}.student-avatar{background:#f3e6d2;color:#a78454;border-radius:13px;width:39px;height:39px;display:grid;place-content:center;font-size:22px}.student-card strong{display:block;font-size:12px}.student-card small{display:block;color:#9daeb1;font-size:10px;margin-top:3px}.sidebar-heading{display:flex;justify-content:space-between;font-weight:850;font-size:11px;margin:28px 12px 11px}.sidebar-heading span{color:#a5b5b6;font-size:10px}.sidebar-lessons{display:flex;flex-direction:column;gap:7px}.sidebar-lesson{display:flex;align-items:center;gap:9px;border-radius:11px;padding:10px 9px;color:#708489;font-size:11px;font-weight:700}.sidebar-lesson.active{background:#e5f4ee;color:#14796b}.sidebar-circle{width:26px;height:26px;background:#eff3f2;border-radius:8px;display:grid;place-content:center;font-size:13px;color:#729199}.sidebar-lesson.active .sidebar-circle{background:#c7e9dc;color:#178976}.sidebar-arrow{margin-left:auto;font-size:13px}.sidebar-bottom{margin-top:auto;padding:16px;border:1px solid #e2efe8;border-radius:15px;background:#f2faf5}.safety-icon{font-size:20px;color:#189b76}.sidebar-bottom strong{font-size:12px;display:block;margin-top:8px}.sidebar-bottom p{font-size:11px;color:#849898;line-height:1.7}.tiny-note{font-size:9px;color:#668e84;font-weight:700}
.lesson-main{padding:29px 27px;min-height:0;overflow:auto}.lesson-intro{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:22px}.breadcrumb{font-size:9px;letter-spacing:1.4px;color:#748e90;font-weight:900}.breadcrumb span{margin:0 6px}.lesson-intro h1{font-size:27px;letter-spacing:-1.1px;margin:6px 0 3px}.lesson-intro p{font-size:12px;color:#92a3a6;margin:0}.lesson-chip{background:#e9f5ed;padding:8px 12px;border-radius:30px;font-size:10px;color:#358971;font-weight:800;white-space:nowrap}.workspace-panel{background:white;border:1px solid var(--border);box-shadow:0 10px 40px rgba(22,69,58,.035);border-radius:19px;padding:20px 21px 14px}.board-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.board-status{font-size:9px;letter-spacing:1.35px;color:#699b87;font-weight:850;display:flex;align-items:center;gap:8px}.board-dot{width:6px;height:6px;box-shadow:none}.board-heading h2{font-size:17px;margin:3px 0 0;letter-spacing:-.4px}.board-actions{display:flex;align-items:center;gap:6px}.tool{border:1px solid #e7eeec;background:#fff;width:31px;height:31px;border-radius:8px;color:#779395;font-size:18px;display:grid;place-content:center}.tool:hover,.tool.active{background:#e5f7ef;border-color:#a8dfc8;color:#168573}.tool-divider{height:24px;border-left:1px solid #dfe9e5;margin:0 5px}#inkColor{width:28px;height:31px;padding:2px;border:0;background:none;cursor:pointer}
.whiteboard{height:min(43vh,410px);min-height:255px;border:1px solid #edf0ee;border-radius:12px;overflow:hidden;position:relative;background:#fff}.paper-dots{position:absolute;inset:0;background-image:radial-gradient(#dfe9e7 1px, transparent 1px);background-size:23px 23px;opacity:.65;pointer-events:none}.teacher-lines{position:absolute;inset:0;z-index:1;pointer-events:none}.teacher-line{position:absolute;left:0;white-space:pre-wrap;max-width:84%;font-weight:720;letter-spacing:-1px;font-size:clamp(18px,2.1vw,27px);color:#204a57;line-height:1.25;text-shadow:0 1px 0 white}.teacher-line.step{color:#2b806f;font-size:clamp(16px,1.8vw,24px)}.board-message{position:absolute;top:18%;left:8%;color:#a7b8b9;font-size:14px}#studentCanvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;z-index:2;cursor:crosshair}.canvas-note{position:absolute;bottom:12px;left:14px;padding:6px 9px;border-radius:8px;background:#ffffffdd;color:#a1b0b0;font-size:10px;z-index:3;pointer-events:none}.board-footer{display:flex;justify-content:space-between;align-items:center;padding-top:13px;gap:15px}.board-footer>div:first-child{font-size:11px;color:#829798;display:flex;gap:8px;align-items:center}.avatar-spark{color:#168c79;font-size:20px}.board-cta{display:flex;gap:8px}
.bottom-row{display:grid;grid-template-columns:1.65fr 1fr;gap:15px;margin-top:16px}.answer-panel,.hint-panel{background:white;border:1px solid var(--border);border-radius:17px;padding:18px}.panel-heading{display:flex;align-items:center;gap:10px;margin-bottom:13px}.round-icon{display:grid;place-content:center;width:35px;height:35px;border-radius:11px;background:#e5f6ef;color:#159577;font-weight:900}.panel-heading h2{font-size:14px;margin:0;letter-spacing:-.2px}.panel-heading p{color:#9aadae;font-size:10px;margin:2px 0 0}.answer-panel textarea{width:100%;border:1px solid #e3ece8;background:#fcfefd;border-radius:10px;resize:vertical;min-height:86px;padding:12px;font-size:12px;color:#24525a;outline:none}.answer-panel textarea:focus{border-color:#54b7a4}.answer-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.answer-actions span{font-size:10px;color:#a3b1b0}.hint-panel>p{font-size:12px;color:#829898;line-height:1.7}.hint-panel>.button{margin-top:8px}.assessment-result{margin-top:12px;border-radius:10px;padding:12px;background:#f0f7f2;color:#285e55;font-size:12px;line-height:1.6}.assessment-result.bad{background:#fff4ef;color:#965d45}.assessment-result .step-status{padding:5px 0;border-top:1px solid #dae9df;margin-top:7px;font-size:11px}
.tutor-panel{background:#fff;border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0;padding:25px 19px 15px}.tutor-heading{margin-bottom:16px}.tutor-heading .tiny-overline{font-size:9px;letter-spacing:1.3px;color:#8fa0a4}.tutor-heading h2{font-size:23px;letter-spacing:-.8px;margin:6px 0 0}.tutor-heading h2 span{color:#19a183}.tutor-avatar{position:relative;width:100%;height:210px;background:#203337;border-radius:15px;overflow:hidden;flex-shrink:0}.tutor-avatar iframe{border:0;width:100%;height:100%;display:block}.avatar-state{position:absolute;bottom:10px;left:12px;background:rgba(24,38,43,.91);color:white;display:flex;align-items:center;gap:9px;border-radius:21px;font-size:10px;font-weight:700;padding:7px 11px}.avatar-dot{box-shadow:none;width:7px;height:7px}.tutor-voice-actions{display:flex;gap:8px;margin:11px 0 15px}.mini-control{border:1px solid #e3ece7;background:#fbfdfb;border-radius:9px;padding:7px 11px;color:#658285;font-size:10px;font-weight:750}.conversation{min-height:0;display:flex;flex-direction:column;flex:1;border-top:1px solid #eef1ed;padding-top:15px}.conversation-title{display:flex;justify-content:space-between;align-items:center;font-weight:850;letter-spacing:1px;color:#9eaeae;font-size:9px}.conversation-title span{font-size:9px;letter-spacing:0;color:#4a8b7b;background:#e9f8ef;border-radius:12px;padding:4px 7px}.chat-history{overflow:auto;flex:1;min-height:130px;display:flex;align-items:flex-start;flex-direction:column;gap:10px;margin:13px 0;padding-right:4px}.chat-bubble{max-width:92%;font-size:12px;line-height:1.6;padding:11px 13px;border-radius:12px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-bubble.assistant{background:#eaf6f0;color:#396457;border-bottom-left-radius:2px}.chat-bubble.user{align-self:flex-end;background:#f0f1f3;color:#4e646a;border-bottom-right-radius:2px}.chat-compose{border-top:1px solid #eef1ed;padding-top:12px}.chat-compose label{display:block;font-size:11px;font-weight:800;margin-bottom:8px}.compose-line{display:flex;align-items:center;border:1px solid #dce9e5;padding:5px;border-radius:11px;gap:4px}.compose-line input{border:0;outline:0;width:100%;min-width:0;font-size:12px;padding:7px}.mic-button,.send-button{border:0;border-radius:9px;display:grid;place-content:center;height:31px;min-width:31px;background:#edf5f1;color:#2a776d}.send-button{background:#187f72;color:#fff}.mic-button.listening{background:#fbe7df;color:#a75546}.chat-caveat{font-size:9px;color:#adb9b9;line-height:1.5;margin-top:10px}
@media (max-width:1230px){.workspace{grid-template-columns:190px minmax(400px,1fr) 292px}.sidebar{padding:20px 10px}.lesson-main{padding:22px 18px}.tutor-panel{padding:20px 13px}.hero-art{transform:scale(.9);transform-origin:center right}.hero h1{font-size:67px}}@media(max-width:1020px){.workspace{grid-template-columns:170px minmax(0,1fr)}.tutor-panel{grid-column:2;grid-row:2;border-top:1px solid var(--border);border-left:0;min-height:370px;display:grid;grid-template-columns:195px minmax(0,1fr);gap:10px}.tutor-heading{grid-column:1/-1}.tutor-avatar{grid-column:1;grid-row:2 / span 2}.tutor-voice-actions{grid-column:1;grid-row:4}.conversation{grid-column:2;grid-row:2 / span 3;min-height:220px}.chat-compose{grid-column:1/-1}.classroom-body{height:auto;overflow:auto}.workspace{height:auto}.sidebar{grid-row:1 / span 2}.lesson-main{overflow:visible}.hero{grid-template-columns:1.1fr .9fr}.hero-avatar{width:310px;height:365px}.mini-lesson{left:-30px}.lesson-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.wrap{padding:0 20px}.site-header{padding:0 20px;height:76px}.site-header nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:50px}.hero h1{font-size:58px;letter-spacing:-3.8px}.hero-text>p{font-size:16px}.hero-art{margin-top:20px;height:400px;transform:scale(.86);transform-origin:top center}.mini-lesson{left:0}.hero-avatar{right:0}.hero-foot{font-size:10px}.feature-band{padding:55px 0}.feature-head h2,.section-heading h2{font-size:35px;letter-spacing:-1.5px}.feature-grid{grid-template-columns:1fr}.lesson-section{padding-top:56px;padding-bottom:55px}.site-footer{flex-wrap:wrap;padding:25px 20px}.classroom-header{padding:0 13px}.header-divider,.header-label,.connection{display:none}.workspace{display:flex;flex-direction:column}.sidebar{display:none}.lesson-main{padding:20px 13px}.lesson-intro h1{font-size:22px}.lesson-chip{display:none}.board-heading{gap:8px}.board-actions{gap:4px}.tool{width:28px;height:28px}.workspace-panel{padding:14px}.whiteboard{height:325px}.teacher-line{font-size:21px}.bottom-row{grid-template-columns:1fr}.board-footer{flex-direction:column;align-items:stretch}.board-cta{justify-content:flex-end}.tutor-panel{display:flex;padding:18px;min-height:560px}.tutor-avatar{height:210px}.conversation{min-height:140px}.classroom-body{height:auto;overflow:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Invite-only pilot access */
.access-wrap{min-height:calc(100vh - 110px);display:grid;place-items:center;padding:32px 18px 80px}.access-panel{width:min(460px,100%);background:white;border:1px solid var(--border);border-radius:25px;padding:41px;box-shadow:var(--shadow)}.access-symbol{width:57px;height:57px;border-radius:17px;background:#e7f7ee;display:grid;place-content:center;color:#169a7b;font-size:29px;margin-top:23px}.access-panel h1{font-size:34px;line-height:1.1;letter-spacing:-1.5px;margin:22px 0 12px}.access-panel>p{color:#819599;font-size:13px;line-height:1.7;margin-bottom:25px}.access-panel label{display:block;font-weight:750;font-size:12px;margin-bottom:9px}.access-panel input{width:100%;border:1px solid #d9e6e1;border-radius:11px;padding:13px;margin-bottom:15px;outline:none}.access-panel form button{width:100%}.access-note{color:#9caeaf;border-top:1px solid #eef2ed;margin-top:26px;padding-top:17px;font-size:11px;line-height:1.6}.access-error{background:#fff0eb;color:#a04634;padding:11px;border-radius:9px;margin:14px 0;font-size:12px}


/* Robo Tutors v0.1.2 — editable wordmark, voice turn taking, opt-in handwriting */
.wordmark-icon{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#15464d,#247e75);font-size:17px;font-weight:900;letter-spacing:-1px;color:#fff;box-shadow:0 3px 12px rgba(12,69,65,.16)}
.wordmark-icon span{font-size:12px;transform:translate(1px,-3px);color:#ccede3}
.auto-read-toggle{display:inline-flex;align-items:center;gap:7px;border:1px solid #d5e9e2;border-radius:10px;padding:7px 10px;background:#f2faf6;color:#24675e;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}
.auto-read-toggle:has(input:checked){background:#e1f6ed;border-color:#64c4a7;color:#146b57}
.auto-read-toggle input{width:15px;height:15px;accent-color:#187f72;margin:0;cursor:pointer}
.ink-helper{font-size:11px;color:#687f80;margin:8px 0 0 0;min-height:16px;line-height:1.4}
.ink-helper.reading{color:#146f67}.ink-helper.problem{color:#a55a39}
.ink-suggestion{border:1px solid #d8e9e4;border-radius:11px;padding:11px;background:#f7fbf9;margin-top:10px;font-size:12px;color:#24594f}
.ink-suggestion pre{white-space:pre-wrap;word-break:break-word;font-size:12px;color:#315159;margin:7px 0 12px}
.learner-mic-row{display:flex;align-items:center;gap:9px;margin:8px 0 13px;flex-wrap:wrap}
.learner-mic{border:1px solid #68aa91;background:#e6f7ee;border-radius:11px;padding:9px 12px;color:#17644f;font-size:12px;font-weight:800;cursor:pointer;text-align:left;transition:background .15s}
.learner-mic.muted{background:#fff4f1;border-color:#efc3b9;color:#a04f3c}
.learner-mic.listening{background:#d7f5ed;box-shadow:0 0 0 3px #d8f4ea}
.learner-mic:disabled{cursor:not-allowed;opacity:.58}
.learner-mic-status{font-size:10px;color:#6a8281;flex:1;min-width:105px;line-height:1.4}
.mic-button{cursor:pointer;transition:background .15s}
.mic-button:disabled{cursor:not-allowed;opacity:.45}
.mic-button.listening{animation:micPulse 1.5s ease-in-out infinite}
@keyframes micPulse{0%,100%{box-shadow:0 0 0 0 rgba(24,127,114,.30)}50%{box-shadow:0 0 0 7px rgba(24,127,114,0)}}
@media(max-width:900px){.board-footer{align-items:flex-start;flex-wrap:wrap}.board-cta{flex-wrap:wrap}.auto-read-toggle{font-size:11px}.learner-mic-row{gap:6px}}

/* Robo Tutors v0.1.3 - textbook worksheet & compact curriculum switcher */
.workspace{grid-template-columns:minmax(0,1fr) 330px}
.lesson-main{padding:22px clamp(15px,2.4vw,34px)}
.lesson-intro{margin-bottom:14px;align-items:center}
.lesson-switch{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.lesson-switch .button{background:#f8fcf9}
.exercise-panel{background:#fff;border:1px solid #dee8e4;border-radius:17px;padding:25px 30px 22px;margin-bottom:14px;box-shadow:0 7px 24px rgba(24,64,64,.035)}
.exercise-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}
.exercise-index{font-size:13px;font-weight:900;color:#173e45;letter-spacing:.2px}
.exercise-type{font-size:10px;color:#6e8e8a;text-transform:uppercase;letter-spacing:1.1px;font-weight:800}
.exercise-question{font-size:clamp(19px,2.1vw,26px);color:#1d3037;letter-spacing:-.4px;line-height:1.5;margin:0 0 22px;font-weight:650}
.mcq-options{border:0;padding:0;margin:0}
.mcq-options legend{font-size:11px;color:#6b8686;margin-bottom:12px;font-weight:700}
.mcq-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.mcq-choice{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #dfebe6;border-radius:12px;cursor:pointer;min-height:51px;font-weight:650;color:#234b50;background:#fff}
.mcq-choice.selected{background:#e9f8ef;border-color:#5eaf95}
.mcq-choice input{accent-color:#197f70;width:16px;height:16px;flex-shrink:0}
.choice-letter{display:grid;place-items:center;width:25px;height:25px;background:#f1f5f2;border-radius:7px;color:#61847a;font-weight:850;font-size:11px;flex-shrink:0}
.answer-line{display:flex;align-items:center;gap:13px;max-width:420px;padding:3px 0 4px}
.answer-line label{font-size:19px;font-weight:800;white-space:nowrap;color:#234951}
.answer-line input{background:transparent;border:0;border-bottom:2px solid #789f99;border-radius:0;padding:7px 6px;font-size:19px;color:#173e45;outline:none;min-width:0;flex:1}
.answer-line input:focus{border-bottom-color:#0c907a}
.worked-steps{margin-top:18px;background:#f1f8f5;border:1px solid #d9e9e1;border-radius:12px;padding:13px 17px;font-size:12px;color:#3b7772}
.worked-steps>strong{display:block;color:#366660;margin-bottom:7px}
#workedStepItems{display:flex;flex-direction:column;gap:5px}
#workedStepItems .teacher-line{position:static;font-size:16px;max-width:100%;letter-spacing:0;min-height:22px;white-space:pre-wrap;color:#246d62}
.whiteboard{height:min(42vh,360px);min-height:250px}
.paper-dots{background-image:linear-gradient(180deg,transparent 37px, #eef2ee 38px);background-size:100% 38px;opacity:.85}
.workspace-panel{padding:17px 19px 14px}
.lesson-dialog{border:1px solid #d6e4df;border-radius:20px;padding:26px;max-width:560px;width:calc(100% - 28px);max-height:90vh;background:#fff;box-shadow:0 30px 100px rgba(16,42,42,.2)}
.lesson-dialog::backdrop{background:rgba(15,36,40,.48);backdrop-filter:blur(3px)}
.dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px}
.dialog-heading h2{font-size:27px;margin:4px 0 5px;letter-spacing:-.8px}.dialog-heading p{font-size:12px;color:#77908e;margin:0;line-height:1.6}
.dialog-close{font-size:24px;line-height:1;background:#f4f8f5;border:1px solid #e2ebe5;border-radius:10px;width:37px;height:37px;color:#40635e}
.dialog-lessons{display:grid;gap:8px}.dialog-lesson{display:flex;align-items:center;gap:13px;padding:12px;border:1px solid #e1ebe6;border-radius:13px}
.dialog-lesson.active{border-color:#7ac0a7;background:#eef8f2}.dialog-lesson:hover{background:#f4fbf7}
.dialog-lesson>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:2px}.dialog-lesson strong{font-size:13px}.dialog-lesson small{font-size:11px;color:#829794}
.dialog-lesson-symbol{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e1f1e8;font-size:19px;color:#1c7d6d;font-weight:800}
@media (max-width:1230px){.workspace{grid-template-columns:minmax(0,1fr) 300px}}
@media (max-width:1020px){.workspace{grid-template-columns:minmax(0,1fr)}.tutor-panel{grid-column:1;grid-row:2;min-height:350px}.lesson-main{grid-column:1;grid-row:1}.classroom-body{height:auto;overflow:auto}.workspace{height:auto}.lesson-main{overflow:visible}}
@media(max-width:720px){.workspace{display:flex;flex-direction:column}.exercise-panel{padding:19px 17px}.mcq-choices{grid-template-columns:1fr}.exercise-question{font-size:19px}.lesson-intro{align-items:start}.lesson-switch{justify-content:flex-start}.lesson-chip{display:inline-block}.lesson-main{padding:18px 12px}.whiteboard{height:345px}.tutor-panel{display:flex}.lesson-dialog{padding:18px}}
/* Ensure HTML hidden wins over component display layout declarations. */
.exercise-panel [hidden], .mcq-options[hidden], .answer-line[hidden], .worked-steps[hidden]{display:none!important}