:root{--paper:#f5f4ed;--white:#fffefb;--ink:#27372e;--muted:#7d847a;--line:#e0e3d8;--green:#176c58;--mint:#e3efe7;--violet:#8060b3;--amber:#ca983e;--coral:#cb6f55;--shadow:0 8px 35px #28382907;color-scheme:light;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #70b49a;outline-offset:4px}button{transition:background .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}svg{display:block}a{color:var(--green)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{height:88px;display:flex;align-items:center;padding:0 38px;gap:35px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:650;letter-spacing:-1px;text-decoration:none;color:var(--ink)}.brand-light{font-weight:400}.brand svg{width:33px;height:38px;fill:none;stroke:var(--green);stroke-width:2.7;stroke-linecap:round}.header-note{color:var(--muted);font-size:12px;letter-spacing:.3px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:20px}.account-pill{font-size:11px;padding:8px 13px;border:1px solid var(--line);border-radius:20px;background:#f9faf5}.icon-button{background:none;border:0;width:32px;height:32px;display:grid;place-items:center;border-radius:7px;font-size:25px;font-weight:300}.icon-button:hover{background:#e7ece2}.icon-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.workspace{display:grid;grid-template-columns:276px minmax(0,1fr);gap:34px;max-width:1550px;margin:0 auto;padding:34px 38px 22px;min-height:calc(100vh - 88px)}.lesson-panel{display:flex;flex-direction:column;min-width:0;padding-top:7px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:2px;color:var(--muted)}h1{font:400 42px/1.07 Georgia,"Times New Roman",serif;letter-spacing:-1.4px;margin:17px 0 18px}.intro{font-size:13px;line-height:1.7;color:#778073;max-width:245px;margin:0 0 27px}.voice-card{padding:24px 20px 16px;background:#eaf0e6;border:1px solid #dbe4d5;border-radius:14px;text-align:center}.orb-wrap{height:84px;display:grid;place-items:center}.orb{width:65px;height:65px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#c6e8c0 0,#8cbc8f 45%,#448873 95%);display:flex;align-items:center;justify-content:center;gap:4px;box-shadow:inset 0 2px 5px #fffffc88,0 10px 18px #467d4b20;transition:box-shadow .2s}.orb span{width:3px;background:#f4faf1;border-radius:3px;height:11px}.orb span:nth-child(2),.orb span:nth-child(4){height:19px}.orb span:nth-child(3){height:30px}.orb.live span{animation:wave 1s ease-in-out infinite}.orb.live span:nth-child(2){animation-delay:.14s}.orb.live span:nth-child(3){animation-delay:.3s}.orb.live span:nth-child(4){animation-delay:.45s}.orb.live span:nth-child(5){animation-delay:.6s}@keyframes wave{50%{height:9px}}.voice-card-title{font-size:13px;font-weight:650;margin:5px 0 7px}.voice-card p{color:#778273;font-size:11px;line-height:1.6;margin:0 0 17px}.primary-button{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--green);color:#f8fcf7;border:0;border-radius:8px;padding:12px 15px;font-size:12px;font-weight:550}.primary-button:hover{background:#105a49}.primary-button span{font-size:16px}.quiet-button{background:transparent;border:0;padding:10px 2px 0;color:#64705e;font-size:10px}.examples{margin-top:28px}.example{display:flex;align-items:center;gap:10px;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:13px 0;font-size:12px}.example:hover{color:var(--green)}.example-symbol{width:27px;height:27px;display:grid;place-items:center;background:#eeece2;border-radius:6px;color:#747b69;font:21px Georgia,serif}.example-arrow{margin-left:auto;font-size:14px;color:#9ca192}.demo-button{margin-top:19px;border:0;background:transparent;font-size:11px;display:flex;align-items:center;gap:7px;padding:8px 0;text-align:left}.demo-button:hover{color:var(--green)}.play-icon{font-size:18px}.demo-tag{font-size:7px;letter-spacing:.65px;margin-left:auto;color:#858c7a;background:#eeeee4;padding:4px 5px;border-radius:3px}.panel-footer{display:flex;align-items:center;gap:7px;font-size:9px;color:#919889;padding:23px 0 5px;margin-top:auto}.small-dot{display:inline-block;width:5px;height:5px;background:#88a682;border-radius:50%;flex-shrink:0}
.board-panel{min-width:0;background:var(--white);border:1px solid #dfe3d8;border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;position:relative;overflow:hidden}.board-toolbar{height:74px;flex-shrink:0;display:flex;align-items:center;padding:0 25px;gap:20px;border-bottom:1px solid #edf0e7}.board-title{display:flex;flex-direction:column;gap:7px;min-width:0}.board-title>span:last-child{font-size:13px;font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:400px}.board-title .eyebrow{font-size:8px;letter-spacing:1.7px}.board-actions{margin-left:auto;display:flex;align-items:center;gap:7px;flex-shrink:0}.status{display:flex;align-items:center;gap:6px;font-size:9px;color:#8e9588;margin-right:15px}.status i{width:5px;height:5px;border-radius:50%;background:#b9beaf}.status.live{color:var(--green)}.status.live i{background:var(--green);box-shadow:0 0 0 3px #176c5814}.status.demo{color:#99732e}.status.demo i{background:#bc923c}.canvas-wrap{flex:1;min-height:380px;position:relative;display:flex;align-items:center;background-image:radial-gradient(#dce3d3 .7px,transparent .7px);background-size:22px 22px;background-position:10px 10px}#whiteboard{width:100%;height:100%;max-height:calc(100vh - 345px);min-height:380px;overflow:hidden;position:relative;z-index:1}#drawing-layer{font-family:"Segoe UI",Arial,sans-serif}#drawing-layer .board-object{animation:object-in .25s ease both}#drawing-layer .stroke-animate{animation:draw-stroke .45s ease-out both}.drawing-cursor{pointer-events:none;transition:transform .12s ease-out}.drawing-cursor circle:first-child{fill:#176c5816;stroke:#176c5844;stroke-width:1}.drawing-cursor circle:last-child{fill:#176c58}@keyframes object-in{from{opacity:0}to{opacity:1}}@keyframes draw-stroke{from{stroke-dashoffset:var(--length)}to{stroke-dashoffset:0}}.board-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:15px;z-index:2;pointer-events:none}.welcome-sketch{width:255px;height:150px;margin:0 0 22px;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round}.sketch-axis{stroke:#aeb9a2;stroke-width:1.8}.sketch-curve{stroke:#548b6d;stroke-width:3;stroke-dasharray:500;stroke-dashoffset:0}.welcome-sketch circle{fill:#fdfcf7;stroke:#548b6d;stroke-width:2}.sketch-highlight{stroke:#548b6d;stroke-width:2.6}.welcome-sketch text{fill:#869577;stroke:none;font:italic 17px Georgia,serif}.sketch-scribble{stroke:#b4c395;stroke-width:1}.board-empty h2{font:400 30px/1.25 Georgia,"Times New Roman",serif;letter-spacing:-.7px;margin:0 0 14px}.board-empty p{font-size:11px;color:#919687;margin:0}.empty-hints{display:flex;align-items:center;gap:13px;font-size:8px;color:#a0a594;margin-top:40px}.empty-hints i{font-style:normal;color:#c3c8b9}.board-progress{position:absolute;left:22px;bottom:18px;display:flex;align-items:center;gap:7px;font-size:9px;color:#92a088;z-index:3}.caption-strip{display:flex;align-items:center;gap:16px;min-height:71px;padding:14px 25px;border-top:1px solid #edf0e7;background:#fbfcf7}.caption-label{display:flex;gap:6px;align-items:center;font-size:8px;letter-spacing:1.2px;white-space:nowrap;color:#85927c}.caption-strip p{margin:0;color:#677160;font-size:12px;line-height:1.5;max-height:55px;overflow:hidden;flex:1}.drawing-metric{font-size:9px;color:#98a28c;white-space:nowrap}.composer{display:flex;align-items:center;gap:9px;margin:19px 23px 0;padding:8px 9px 8px 17px;border:1px solid #dfe4d6;border-radius:11px;background:white;box-shadow:0 2px 5px #34452c04}.composer:focus-within{border-color:#83a68a;box-shadow:0 0 0 3px #7fac7e12}.composer input{min-width:0;flex:1;border:0;background:transparent;outline:0;font-size:12px;color:var(--ink);height:27px}.composer input::placeholder{color:#a0a493}.composer input:focus-visible{outline:0}.mic-button,.send-button{height:33px;width:34px;display:grid;place-items:center;border:0;border-radius:7px;background:#f2f4ec}.mic-button svg,.send-button svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}.mic-button.active{background:#e4f0e6;color:var(--green)}.send-button{background:var(--green);color:white}.send-button:hover{background:#105a49}.bottom-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 25px 18px;font-size:9px;color:#9aa38e;min-height:40px}.bottom-strip>div{display:flex;gap:16px;white-space:nowrap}.text-button{padding:0;border:0;background:transparent;color:#8b967e;font-size:9px}.text-button:hover{color:var(--green)}.error{font-size:11px;color:#945739;background:#fff1e8;border-top:1px solid #f0d5bf;padding:12px 24px;line-height:1.6;overflow-wrap:anywhere}.transcript-panel{position:absolute;z-index:5;right:0;top:74px;bottom:0;width:340px;border-left:1px solid var(--line);background:#fcfdf9;box-shadow:-5px 0 20px #28382906;display:flex;flex-direction:column}.transcript-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}#transcript-items{overflow:auto;padding:18px 22px;flex:1;scroll-behavior:smooth}.transcript-row{padding-bottom:20px}.transcript-row label{font-size:8px;letter-spacing:1.2px;font-weight:650;color:#98a18e}.transcript-row p{font-size:12px;line-height:1.7;margin:7px 0;color:#5a6853;white-space:pre-wrap;overflow-wrap:anywhere}.transcript-empty{font-size:12px;color:#99a28e}
dialog{width:430px;max-width:calc(100vw - 32px);border:1px solid var(--line);border-radius:15px;padding:27px;color:var(--ink);background:var(--white);box-shadow:0 25px 80px #122d2533}dialog::backdrop{background:#263a2c40;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.dialog-heading h2{font:27px Georgia,serif;margin:7px 0 0}dialog>label:not(.checkbox-label){display:block;font-size:12px;font-weight:600;margin:18px 0 8px}select{width:100%;border:1px solid var(--line);border-radius:7px;background:#fafbf6;padding:10px 12px;color:#44543d;font-size:12px}.setting-help{font-size:10px;line-height:1.6;color:#96a08b;margin:8px 0 18px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:11px;margin-top:22px}.checkbox-label input{accent-color:var(--green)}.settings-note{border-top:1px solid var(--line);padding-top:17px;font-size:10px;line-height:1.7;color:#8e9a82}.settings-note a{display:inline-block;margin-top:7px}
@media(min-height:900px){.workspace{padding-top:45px;padding-bottom:35px}.voice-card{padding-top:30px;padding-bottom:21px}.examples{margin-top:35px}.canvas-wrap{min-height:500px}.welcome-sketch{width:290px;height:170px}.board-empty h2{font-size:35px}.empty-hints{margin-top:48px}}
@media(max-width:1100px){.workspace{grid-template-columns:235px minmax(0,1fr);gap:22px;padding:25px}.topbar{padding:0 25px}.status{margin-right:2px}.board-toolbar{padding:0 20px;gap:8px}.board-title>span:last-child{max-width:240px}h1{font-size:37px}.intro{font-size:12px}.header-note{display:none}.caption-strip{padding:13px 19px;gap:11px}.drawing-metric{display:none}}
@media(max-width:760px){.topbar{height:70px;padding:0 18px}.brand{font-size:20px}.account-pill{font-size:9px;padding:7px 9px}.top-actions{gap:10px}.workspace{display:flex;flex-direction:column;padding:22px 14px;gap:22px;min-height:calc(100vh - 70px)}.lesson-panel{display:grid;grid-template-columns:minmax(0,1fr) 160px;gap:0 18px;padding:0 7px}.lesson-panel>.eyebrow{grid-column:1;align-self:end;font-size:8px}h1{font-size:31px;margin:9px 0;grid-column:1}.intro{font-size:11px;line-height:1.6;margin:0;grid-column:1}.voice-card{grid-column:2;grid-row:1/4;padding:12px 12px 10px}.orb-wrap{height:48px}.orb{width:43px;height:43px;gap:3px}.orb span{width:2px}.orb span:nth-child(3){height:23px}.voice-card-title{font-size:10px;margin:6px 0}.voice-card p{display:none}.primary-button{font-size:10px;padding:10px}.quiet-button{font-size:8px}.examples,.panel-footer{display:none}.demo-button{grid-column:1/3;margin-top:12px;font-size:10px}.demo-tag{margin-left:12px}.board-toolbar{height:65px;padding:0 14px}.board-title .eyebrow{font-size:7px;letter-spacing:1px}.board-title>span:last-child{font-size:11px;max-width:170px}.board-actions{gap:3px}.status{display:none}.icon-button{width:28px;height:28px}.icon-button svg{width:17px;height:17px}.canvas-wrap{min-height:340px}#whiteboard{min-height:340px;max-height:none}.board-empty h2{font-size:25px}.board-empty p{font-size:9px}.welcome-sketch{width:225px;height:130px;margin-bottom:14px}.empty-hints{font-size:7px;gap:8px;margin-top:30px}.caption-strip{padding:12px 15px;min-height:65px;gap:9px}.caption-label{font-size:6px;letter-spacing:.7px}.caption-strip p{font-size:10px}.composer{margin:13px 14px 0;padding-left:12px;gap:6px}.composer input{font-size:11px}.bottom-strip{font-size:8px;padding:10px 15px 15px;align-items:flex-start;gap:8px}.bottom-strip>span{max-width:200px;line-height:1.6}.bottom-strip>div{gap:10px}.text-button{font-size:8px}.transcript-panel{top:65px;width:min(340px,100%)}.board-progress{font-size:7px;left:15px;bottom:14px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.board-zoom{position:absolute;right:18px;bottom:12px;z-index:4;display:flex;align-items:center;gap:1px;padding:3px;background:#fffefbef;border:1px solid var(--line);border-radius:9px;box-shadow:0 2px 9px #27372e06}.board-zoom .icon-button{width:27px;height:27px;font-size:20px}.board-zoom .icon-button svg{width:15px;height:15px}.board-zoom>span{font-size:10px;color:#5a6b52;min-width:38px;text-align:center}
@media(min-width:761px){.workspace{height:calc(100dvh - 88px);min-height:630px}.lesson-panel{overflow:auto;scrollbar-width:thin}.canvas-wrap{min-height:0}#whiteboard{min-height:0;max-height:none}}
@media(min-width:761px) and (max-height:800px){.topbar{height:68px}.workspace{height:calc(100dvh - 68px);min-height:560px;padding-top:22px;padding-bottom:22px}.lesson-panel{padding-top:3px}.lesson-panel>.eyebrow{font-size:8px}h1{font-size:34px;margin:11px 0 12px}.intro{font-size:11px;line-height:1.6;margin-bottom:17px}.voice-card{padding:14px 17px 12px}.orb-wrap{height:56px}.orb{width:46px;height:46px}.orb span{width:2px}.orb span:nth-child(3){height:24px}.voice-card-title{font-size:11px;margin:6px 0}.voice-card p{font-size:10px;line-height:1.4;margin-bottom:12px}.primary-button{padding:10px 12px;font-size:11px}.quiet-button{font-size:9px;padding-top:8px}.examples{margin-top:20px}.example{padding:10px 0;font-size:11px}.example-symbol{width:23px;height:23px;font-size:18px}.demo-button{margin-top:12px;font-size:10px}.panel-footer{padding-top:14px;font-size:8px}.board-toolbar{height:65px}.caption-strip{min-height:57px;padding-top:10px;padding-bottom:10px}.composer{margin-top:13px}.bottom-strip{padding-bottom:13px}.board-empty h2{font-size:28px}.welcome-sketch{width:230px;height:135px;margin-bottom:12px}.empty-hints{margin-top:27px}.transcript-panel{top:65px}}

/* Italian homework mode: short lines, ordinary type, readable actions, a single step. */
:root{--muted:#64705f}body{font-size:16px;line-height:1.5}h1,.board-empty h2,.dialog-heading h2{font-family:"Segoe UI",Arial,sans-serif;letter-spacing:0;font-weight:600}h1{font-size:34px;line-height:1.2}.eyebrow{font-size:12px;letter-spacing:.2px;font-weight:500}.intro{font-size:16px;line-height:1.5;color:#52624e;max-width:270px}.header-note,.account-pill{font-size:13px;color:#52624e}.voice-card-title{font-size:17px}.voice-card p{font-size:14px;color:#52624e}.primary-button{font-size:16px;min-height:44px}.quiet-button{font-size:13px;line-height:1.5;min-height:38px}.example{font-size:16px;min-height:44px}.example-symbol{font-family:Arial,sans-serif;font-size:18px}.demo-button{font-size:15px;min-height:40px}.demo-tag{display:none}.panel-footer{font-size:12px;color:#52624e}.board-title .eyebrow{font-size:12px;letter-spacing:0}.board-title>span:last-child{font-size:17px}.status{font-size:12px;color:#52624e}.board-toolbar{height:60px}.icon-button{width:36px;height:36px}.board-empty h2{font-size:24px;line-height:1.4}.board-empty p{font-size:16px;color:#52624e}.welcome-sketch{height:95px;margin-bottom:8px}.caption-strip{min-height:68px;padding:10px 20px;gap:12px}.caption-label{font-size:12px;letter-spacing:0;color:#52624e}.caption-strip p{font-size:17px;color:#34472e;line-height:1.5;max-height:77px}.drawing-metric{font-size:11px;color:#52624e}.composer{margin:10px 20px 0}.composer input{font-size:17px;height:30px}.composer input::placeholder{color:#697262}.mic-button,.send-button{width:40px;height:40px}.bottom-strip{font-size:12px;padding:10px 20px 13px;color:#52624e}.text-button{font-size:14px;color:#52624e;min-height:30px}.board-progress{font-size:12px;color:#52624e}.board-zoom .icon-button{width:34px;height:34px}.board-zoom>span{font-size:13px}.transcript-heading .eyebrow{font-size:15px}.transcript-row label{font-size:13px;letter-spacing:0;color:#52624e}.transcript-row p{font-size:17px;line-height:1.6;color:#34472e}.error{font-size:15px}.dialog-heading h2{font-size:25px;line-height:1.3}dialog>label:not(.checkbox-label),select{font-size:16px}.setting-help,.settings-note,.checkbox-label{font-size:14px;color:#52624e;line-height:1.5}.helper-summary p{font-size:16px;line-height:1.6;overflow-wrap:anywhere}.helper-summary{background:#edf2e8;padding:5px 15px;border-radius:9px}dialog>p{font-size:17px;line-height:1.5}
.learning-strip{flex-shrink:0;padding:11px 20px 12px;border-bottom:1px solid var(--line);background:#f7faf3}.step-heading{display:flex;gap:10px;align-items:center;line-height:1.4;font-size:16px;font-weight:600}.phase-chip{font-size:13px;font-weight:500;padding:3px 9px;border:1px solid #c0d2b9;border-radius:6px;background:#e4efdd;white-space:nowrap}.learning-strip p{margin:5px 0;font-size:16px;line-height:1.4}.step-check{color:#17634d;font-weight:600}.learning-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px}.learning-actions button{font-size:15px;min-height:38px;padding:5px 13px;border:1px solid #b6c8ae;border-radius:7px;background:#fffefb}.learning-actions button:hover{background:#e7f0df}.learning-actions button:disabled{opacity:.65}.support-note{color:#6a4b22;background:#fff5df;border-radius:6px;padding:5px 10px}
@media(min-width:761px){.workspace{grid-template-columns:255px minmax(0,1fr);gap:25px;padding:20px 28px;min-height:650px}.topbar{padding:0 28px;height:68px}.workspace{height:calc(100dvh - 68px)}.lesson-panel{padding-top:0}.examples{margin-top:18px}.orb-wrap{height:50px}.voice-card{padding:12px 16px}.orb{height:44px;width:44px}.intro{margin-bottom:18px}h1{margin:10px 0 12px}.canvas-wrap{min-height:200px}#whiteboard{min-height:200px}}
@media(max-width:1100px) and (min-width:761px){.workspace{grid-template-columns:215px minmax(0,1fr);padding:18px;gap:18px}.status{display:none}.board-toolbar{padding:0 15px}.board-title>span:last-child{max-width:260px}.drawing-metric{display:none}.bottom-strip>span{display:none}.bottom-strip{justify-content:flex-end}}
@media(max-width:760px){.header-note,.account-pill{display:none}.lesson-panel{display:block}.lesson-panel>.eyebrow,.lesson-panel h1,.lesson-panel .intro,.orb-wrap{display:none}.voice-card{display:flex;flex-wrap:wrap;gap:8px;align-items:center;text-align:left;padding:9px 12px}.voice-card-title{font-size:16px;margin:0}.voice-card p{display:none}.primary-button{width:auto;flex:1}.quiet-button{font-size:14px;min-height:38px;padding:5px}.demo-button{margin-top:8px;font-size:15px}.workspace{padding:12px;gap:12px}.board-title>span:last-child{font-size:16px;max-width:180px}.board-actions{gap:2px}.board-title .eyebrow{font-size:12px}.board-toolbar{padding:0 12px}.learning-strip{padding:10px 13px}.learning-strip p{font-size:16px}.learning-actions button{font-size:15px;padding:5px 9px}.canvas-wrap,#whiteboard{min-height:290px}.caption-strip{padding:10px 13px}.caption-label{display:none}.caption-strip p{font-size:17px}.composer{margin:10px 12px 0}.composer input{font-size:16px}.bottom-strip>span{display:none}.bottom-strip{justify-content:flex-end;padding:8px 13px}.text-button{font-size:14px}.board-progress{display:none}.board-empty h2{font-size:22px}.board-empty p{font-size:16px}.transcript-panel{top:60px}}

.canvas-wrap{background-image:none;background:#fffefb}.board-pen{position:absolute;left:15px;top:12px;z-index:4;display:flex;gap:5px;align-items:center}.board-pen>button:first-child{display:flex;align-items:center;gap:8px;min-height:38px;padding:6px 12px;border:1px solid #d6dfe9;background:#fffefbf5;border-radius:8px;color:#345a92;font-size:14px}.board-pen svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.board-pen>button[aria-pressed=true]{background:#eaf1fd;border-color:#3267c9;box-shadow:0 0 0 2px #3267c914}.mark-hint{position:absolute;z-index:4;top:58px;left:15px;right:15px;padding:8px 12px;border-radius:7px;background:#eef4ff;color:#254f93;font-size:14px;pointer-events:none}.marking [data-word]{cursor:crosshair}.marking [data-word]:hover{fill:#3267c9;stroke:#f2f6ff}[data-word]:focus-visible{outline:0;fill:#3267c9;text-decoration:underline}#student-ink,#tutor-focus{pointer-events:none}.board-progress{bottom:58px;background:#fffefbf2;padding:5px 9px;border-radius:6px;max-width:calc(100% - 45px)}.board-progress .small-dot{animation:progress-pulse .9s ease-in-out infinite}@keyframes progress-pulse{50%{opacity:.35}}
@media(min-width:761px){.workspace{min-height:600px}.learning-strip{padding:8px 18px 9px}.learning-strip p{margin:4px 0;font-size:15px}.learning-actions{margin-top:6px}.learning-actions button{min-height:34px}.caption-strip{min-height:57px}.bottom-strip{padding-bottom:8px}.composer{margin-top:8px}.canvas-wrap,#whiteboard{min-height:230px}}
@media(max-width:760px){.board-pen>button:first-child{font-size:13px;padding:6px 9px}.board-pen{left:10px;top:9px}.mark-hint{left:10px;top:52px;font-size:13px}.board-zoom{right:10px;bottom:9px}.board-progress{display:flex;font-size:13px;left:10px;bottom:55px}}
.mark-hint{top:auto;bottom:58px;right:auto;max-width:calc(100% - 30px)}
.stop-voice{flex-shrink:0;display:flex;align-items:center;gap:7px;min-height:40px;padding:6px 10px;border:1px solid #e1bfb1;border-radius:8px;background:#fff5ef;color:#873d2d;font-size:14px}.stop-voice:before{content:'■';font-size:12px}.stop-voice:hover{background:#ffe9de}
.learning-strip .lesson-purpose{margin:0 0 7px;color:#596a51;font-size:14px}.learning-actions button[aria-pressed=true]{background:#e4efdd;border-color:#248365}.board-title .eyebrow{overflow-wrap:anywhere;max-width:430px}
.homework-panel{margin:8px 20px 0;padding:7px 12px;border:1px solid #cfdbca;border-radius:8px;background:#f2f6ef;font-size:14px;line-height:1.4}.homework-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:600}.homework-heading>span{overflow-wrap:anywhere}.homework-heading button{width:28px;height:28px;flex-shrink:0}.homework-panel p{margin:3px 0}.homework-panel #homework-note{color:#6c572d;font-size:13px}.composer #homework-file{display:none}.composer #upload-button{flex-shrink:0;background:transparent}.composer #question{min-width:0}.homework-panel+.composer{flex-shrink:0}
[data-word]{cursor:pointer}[data-word]:hover{fill:#176c58;text-decoration:underline}#interrupt-button{font-size:20px;font-weight:600}.board-pen:has(#undo-mark.hidden){display:none}

/* The board stays clear; only genuine tutor output becomes a caption. */
.board-toolbar{height:48px}.board-title>span:empty{display:none}.caption-strip{flex-shrink:0}.caption-strip p{max-height:130px;overflow-y:auto;scrollbar-width:thin}
/* The board is the workspace; connection controls stay compact. */
.topbar{height:64px;padding:0 24px}.header-note{display:none}
.workspace{display:flex;flex-direction:column;max-width:1480px;gap:12px;padding:16px 24px;min-height:calc(100vh - 64px)}
.lesson-panel{display:block;padding:0}.voice-card{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 16px;border-radius:10px;background:transparent}
.orb-wrap{height:36px}.orb{width:36px;height:36px;gap:3px}.orb span{width:2px}.orb span:nth-child(3){height:22px}
.voice-card-title,.voice-card p{display:none}.voice-card .primary-button{width:auto;gap:20px;min-width:160px;font-size:15px;padding:10px 16px}.voice-card .quiet-button{padding:10px;font-size:14px}
.voice-active .lesson-panel{display:none}
.board-panel{flex:1;min-height:600px}.canvas-wrap{min-height:330px}#whiteboard{max-height:calc(100vh - 290px);min-height:330px}
.caption-strip p{font-size:18px;line-height:1.55;color:var(--ink);max-height:150px}.caption-label{font-size:12px;letter-spacing:0}.drawing-metric{display:none}
.composer input{font-size:17px}.bottom-strip,.text-button{font-size:13px}.board-title>span:last-child{max-width:650px;font-size:17px}.board-title .eyebrow{font-size:12px;letter-spacing:0}
@media(max-width:760px){.topbar{padding:0 14px;height:60px}.workspace{padding:10px;gap:10px;min-height:calc(100vh - 60px)}.voice-card{flex-wrap:wrap;gap:8px;padding:8px}.orb-wrap{display:none}.board-panel{min-height:570px}.caption-strip{align-items:flex-start;padding:12px;gap:10px}.caption-strip p{font-size:16px}.canvas-wrap,#whiteboard{min-height:280px}.board-toolbar{padding:0 12px}.board-title>span:last-child{max-width:220px;font-size:15px}.composer{margin:8px 12px 0;padding-left:9px}.composer input{font-size:16px}.bottom-strip{padding:12px}.bottom-strip>span{font-size:12px;max-width:55%}}