:root{color-scheme:light;--bg:#eeeee7;--paper:#fffef9;--surface:#e5e8db;--ink:#273b32;--muted:#657168;--line:#d8ddd1;--accent:#446c4a;--accent-ink:#fff;--highlight:#dbe6a6;--soft:#f1f4e8;--nav:#20392f;--nav-ink:#edf2e8;--diagram:#4d7256;--diagram-fill:#d7e5ae;--secondary:#a66c40;--radius:18px;--display:'Songti SC','STSong','Noto Serif CJK SC',serif;--body:'PingFang SC','Microsoft YaHei',system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 var(--body);overflow:hidden}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit;background:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}button:disabled{opacity:.35;cursor:default}button:not(:disabled):hover{filter:brightness(.95)}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--secondary);outline-offset:3px}::selection{background:var(--highlight);color:var(--ink)}input,textarea{caret-color:var(--accent)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}[hidden]{display:none!important}i[data-icon]{display:inline-flex;align-items:center;justify-content:center;flex:none}i svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}h1,h2,h3,h4,p{margin:0}small{font-size:11px}.review-bar{height:30px;padding:0 22px;display:flex;gap:18px;align-items:center;background:var(--ink);color:var(--paper);font-size:11px;letter-spacing:.05em}.review-bar>a{text-decoration:underline;text-underline-offset:3px}.review-note{margin-left:auto;opacity:.72}.design-switch{display:flex;gap:15px}.design-switch a{opacity:.6}.design-switch a[aria-current]{opacity:1;text-decoration:underline;text-underline-offset:4px}.app-shell{display:grid;grid-template-columns:170px 1fr;height:calc(100dvh - 30px)}.navigation{background:var(--nav);color:var(--nav-ink);padding:30px 15px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:8px;align-items:center;padding:0 8px 30px;font-size:23px;font-weight:650;letter-spacing:.02em}.brand>svg{width:32px;height:40px;stroke:var(--highlight);fill:none;stroke-width:2.8}.brand small{display:block;font-size:9px;font-weight:400;opacity:.65;margin-top:4px;letter-spacing:0}.navigation nav{display:flex;flex-direction:column;gap:10px}.nav-item{justify-content:flex-start;padding:12px 16px;border-radius:9px;font-size:13px;color:inherit;opacity:.65}.nav-item.selected{background:var(--highlight);color:#263d32;opacity:1;font-weight:650}.nav-item i{margin-right:4px}.nav-bottom{margin-top:auto}.legacy{display:flex;align-items:center;gap:8px;padding:14px 9px;font-size:11px;opacity:.7}.student{border-top:1px solid #ffffff20;padding:20px 0 0;width:100%;text-align:left;justify-content:flex-start;font-size:12px}.student small{display:block;font-size:9px;opacity:.6}.student-avatar{width:30px;height:30px;border-radius:50%;background:#dae4d0;color:#304e39;display:grid;place-items:center}.student>i{margin-left:auto}.student>i svg{width:14px}.main-shell{min-width:0;padding:0 24px;display:flex;flex-direction:column}.topbar{height:99px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px}.page-heading h1{font-family:var(--display);font-size:28px;font-weight:600;letter-spacing:-.03em}.page-heading h1 span{font-family:var(--body);font-size:10px;margin-left:9px;border:1px solid var(--line);border-radius:5px;padding:2px 5px;vertical-align:middle;letter-spacing:0}.page-heading p{font-size:11px;color:var(--muted);margin-top:2px}.top-actions{display:flex;align-items:center;gap:15px}.mode-switch{display:flex;padding:4px;background:var(--surface);border-radius:10px}.mode-switch button{padding:9px 13px;border-radius:7px;font-size:12px;color:var(--muted)}.mode-switch button[aria-pressed=true]{background:var(--paper);color:var(--ink);box-shadow:0 2px 5px #17231908}.icon-button{height:36px;width:36px;border-radius:7px;padding:6px;flex:none}.primary{background:var(--accent);color:var(--accent-ink);padding:12px 17px;border-radius:9px;font-weight:600;font-size:13px;min-height:43px}.outline{border:1px solid var(--line);background:var(--paper);padding:9px 13px;border-radius:8px;font-size:12px}.subtle{padding:8px 9px;border-radius:7px;font-size:12px}.text-link{padding:5px 0;color:var(--accent);font-size:12px;font-weight:600}.text-link svg{width:15px}.workbench{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;flex:1;min-height:0;position:relative}.mentor{min-width:0;display:flex;flex-direction:column;position:relative;border-radius:var(--radius);overflow:hidden;background:var(--surface);padding:22px 18px 16px}.mentor-title{display:flex;justify-content:space-between;align-items:center;z-index:1}.mentor-title h2{font-family:var(--display);font-size:30px;line-height:1.2;display:flex;gap:10px;align-items:center;font-weight:550}.presence{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;flex:none}.mentor-title p{font-size:10px;color:var(--muted);margin-top:6px}.portrait-stage{min-height:140px;flex:1;max-height:320px;position:relative;margin:5px -18px 0;overflow:hidden}.portrait-art{width:100%;height:100%;position:absolute;inset:0}.portrait-label{position:absolute;bottom:3px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.18em;background:var(--surface);padding:2px 10px;white-space:nowrap}.portrait-stage:after{content:'';position:absolute;bottom:0;left:0;right:0;height:15px;background:linear-gradient(transparent,var(--surface));pointer-events:none}#leo-view{height:100%;position:relative;width:100%}#leo-view canvas{display:block;width:100%;height:100%;touch-action:pan-y}.leo-loading{font-size:12px;text-align:center;position:absolute;inset:40% 0 auto}.leo-loading span{display:block;font-size:10px;opacity:.65;margin-top:8px}.mentor-message{text-align:center;padding:18px 2px 5px;z-index:1}.status-label{display:inline-flex;align-items:center;gap:6px;font-size:10px;letter-spacing:.09em;color:var(--muted)}.mentor-message p{font-family:var(--display);font-size:19px;line-height:1.65;margin-top:8px}.voice-wave{height:28px;display:flex;align-items:center;justify-content:center;gap:3px;opacity:.4}.voice-wave b{height:3px;width:2px;background:var(--accent);border-radius:2px}.voice-wave b:nth-child(3n){height:7px}.voice-wave b:nth-child(4n){height:11px}.is-call:not(.is-paused):not(.is-muted) .voice-wave b{animation:wave 1.1s ease-in-out infinite alternate}.voice-wave b:nth-child(2n){animation-delay:-.3s!important}.voice-wave b:nth-child(3n){animation-delay:-.7s!important}@keyframes wave{to{height:18px}}.mentor-actions{display:flex;flex-direction:column;gap:8px;margin-top:auto;z-index:1}.call-options{display:flex;justify-content:center;gap:6px}.transcript-toggle .count{font-size:10px;opacity:.7;margin-left:5px}.mentor-foot{text-align:center;font-size:9px;color:var(--muted);margin-top:15px;letter-spacing:.08em}.learning-canvas{position:relative;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);min-width:0;overflow:hidden;box-shadow:0 12px 30px #263b3205}.canvas-head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:57px;padding:10px 22px;border-bottom:1px solid var(--line);flex:none}.canvas-name{display:flex;gap:8px;align-items:center;font-size:12px}.canvas-name strong{font-weight:600}.subject{color:var(--muted);font-size:10px;margin-left:8px}.canvas-actions{display:flex;align-items:center;gap:2px}.canvas-actions .subtle{font-size:11px}.canvas-actions i svg{width:16px}.canvas-scroll{overflow:auto;flex:1;min-height:0;overscroll-behavior:contain}.problem{padding:19px 30px 21px;border-bottom:1px solid var(--line)}.problem-caption{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin-bottom:6px}.problem-caption .subtle{font-size:10px;padding:0}.problem h2{font-size:21px;font-weight:550;letter-spacing:-.02em;line-height:1.5}.problem p{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.8}.problem strong{color:var(--ink);font-weight:500}.board-body{padding:24px 30px 0}.lesson-heading{display:flex;align-items:center;justify-content:space-between}.step-label{font-size:10px;color:var(--muted)}.lesson-heading h3{font-size:16px;font-weight:550;margin-top:2px}.board-tag{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px}.board-tag>span{width:5px;height:5px;border-radius:50%;background:var(--accent)}.exploration{display:grid;grid-template-columns:minmax(0,1fr) 163px;gap:22px;align-items:center;margin:12px 0 23px}.diagram-wrap{position:relative;min-width:0}.diagram-wrap svg{width:100%;max-height:310px;display:block;overflow:visible;touch-action:none;color:var(--diagram)}#triangle{fill:var(--diagram-fill);stroke:var(--diagram);stroke-width:2.5;stroke-linejoin:round}#duplicate{fill:var(--highlight);stroke:var(--diagram);stroke-width:2;stroke-dasharray:7 5;opacity:0;transition:opacity .35s}#height-line{stroke:var(--secondary);stroke-width:2;stroke-dasharray:6 5;fill:none}#right-angle{stroke:var(--secondary);stroke-width:1.5;fill:none}.dimension{stroke:var(--muted);stroke-width:1}.measure{fill:var(--ink);font:18px var(--body)}.point-label{fill:var(--ink);font:italic 20px Georgia,serif}#apex{fill:var(--diagram);stroke:var(--paper);stroke-width:2;cursor:ew-resize}#apex-halo{fill:var(--diagram);opacity:.1;cursor:ew-resize}#ink-layer{fill:none;stroke:var(--secondary);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.drag-instruction{display:flex;align-items:center;gap:5px;justify-content:center;font-size:10px;color:var(--muted)}.drag-instruction svg{width:14px}.diagram-wrap input{display:block;max-width:125px;width:40%;height:8px;margin:12px auto 0;accent-color:var(--accent)}.thinking-note{padding-left:20px;border-left:1px solid var(--line)}.note-mark{display:block;color:var(--secondary);margin-bottom:11px}.note-mark svg{width:24px;height:24px}.thinking-note h4{font-size:13px;font-weight:550;margin-bottom:8px}.thinking-note p{font-size:11px;line-height:1.9;color:var(--muted)}.evidence{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5px;margin:15px 0;color:var(--muted);font-size:10px}.evidence strong{font-size:20px;font-weight:450;color:var(--ink)}.evidence small{font-size:10px}.thinking-note .text-link{font-size:10px}.canvas-prompt{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--soft);border-radius:10px;border:1px solid var(--line)}.prompt-symbol{color:var(--accent);width:29px;flex:none}.canvas-prompt strong{font-size:12px;font-weight:550}.canvas-prompt p{font-size:11px;color:var(--muted);margin-top:3px}.prompt-actions{display:flex;gap:4px;margin-left:auto}.prompt-actions button{font-size:10px;padding:8px}.step-footer{padding:16px 0;display:flex;align-items:center;justify-content:space-between}.step-footer button{font-size:11px}.step-dots{display:flex;gap:8px}.step-dots button{width:6px;height:6px;padding:0;border-radius:50%;background:var(--line)}.step-dots button.current{width:20px;border-radius:5px;background:var(--accent)}.canvas-bottom{border-top:1px solid var(--line);height:49px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--paper);z-index:1}.drawing-tools{display:flex;align-items:center;gap:3px}.drawing-tools .icon-button{width:31px;height:31px}.drawing-tools i svg{width:16px}.drawing-tools .active{background:var(--soft);color:var(--accent)}.tool-divider{width:1px;height:16px;background:var(--line);margin:0 7px}.zoom{font-size:10px;padding:4px}.canvas-bottom .subtle{font-size:10px}.canvas-bottom .subtle svg{width:15px}.session-dock{display:flex;align-items:center;justify-content:space-between;gap:12px;height:77px;flex:none}.source-tools{display:flex;align-items:center;gap:8px}.source-tools button{font-size:11px}.session-status{color:var(--muted);font-size:10px;display:flex;align-items:center;gap:7px}.solved{background:var(--highlight);padding:11px 17px;border-radius:9px;font-size:12px;color:var(--ink)}.canvas-notice{position:absolute;left:24px;bottom:66px;right:24px;z-index:5;padding:15px 18px;border-radius:11px;background:var(--ink);color:var(--paper);font-size:12px;box-shadow:0 8px 25px #0002;display:flex;align-items:center;gap:12px;animation:notice-in .25s ease-out}.canvas-notice button{margin-left:auto;color:inherit}.canvas-notice i svg{width:16px}.canvas-sheet,.transcript{position:absolute;right:0;top:57px;bottom:49px;width:min(360px,100%);background:var(--paper);border-left:1px solid var(--line);box-shadow:-14px 0 35px #1723190a;z-index:4;display:flex;flex-direction:column;animation:notice-in .25s ease-out}.canvas-sheet>header,.transcript>header{padding:19px 21px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.canvas-sheet h3,.transcript h3{font-size:17px;font-family:var(--display)}.transcript header span{font-size:10px;color:var(--muted)}#sheet-content{padding:22px;overflow:auto;font-size:12px}#sheet-content p{line-height:1.9;color:var(--muted);margin-bottom:18px}#sheet-content h4{font-size:13px;margin:20px 0 10px}#sheet-content label{display:block;margin:13px 0 8px}#sheet-content input:not([type=checkbox]):not([type=range]),#sheet-content select,#sheet-content textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--paper)}#sheet-content textarea{min-height:100px;resize:vertical}#sheet-content .primary{margin:14px 0;width:100%}#sheet-content .outline{margin:5px 5px 5px 0;white-space:normal}#sheet-content .sheet-list{display:flex;flex-direction:column;gap:8px}#sheet-content .sheet-list button{text-align:left;justify-content:flex-start;padding:15px;border-bottom:1px solid var(--line);white-space:normal}#sheet-content .upload-preview{width:100%;max-height:240px;object-fit:contain}.messages{flex:1;min-height:0;overflow:auto;padding:20px}.messages article{margin-bottom:19px}.messages article>span{font-size:10px;color:var(--muted)}.messages p{margin-top:6px;font-size:12px;line-height:1.85;padding:12px 14px;background:var(--soft);border-radius:0 10px 10px 10px}.messages .student-msg{margin-left:30px}.messages .student-msg>span{display:block;text-align:right}.messages .student-msg p{background:var(--accent);color:var(--accent-ink);border-radius:10px 0 10px 10px}#chat-form{display:flex;padding:13px;gap:6px;border-top:1px solid var(--line)}#chat-form textarea{min-width:0;flex:1;resize:none;border:0;background:var(--soft);border-radius:7px;padding:10px;color:var(--ink);font-size:12px}#chat-form .primary{padding:10px}.demo-caption{font-size:9px;text-align:center;padding:0 0 9px;color:var(--muted)}.empty-state{padding:70px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px}.empty-state>i svg{height:46px;width:46px}.empty-state h2{font-family:var(--display);font-size:29px;line-height:1.6}.empty-state p{color:var(--muted);font-size:12px}.is-focus .workbench{grid-template-columns:1fr!important}.is-focus .mentor{display:none}.is-text .workbench{grid-template-columns:1fr}.is-text .mentor{position:absolute;top:-71px;left:200px;width:180px;height:51px;background:transparent;padding:0;display:block;border:0;overflow:visible}.is-text .mentor-title{margin-left:54px;padding-top:4px}.is-text .mentor-title h2{font-size:18px}.is-text .mentor-title p{font-size:9px;margin-top:1px}.is-text .mentor-title button{display:none}.is-text .portrait-stage{position:absolute;left:0;top:0;width:47px;height:47px;min-height:0;margin:0;border-radius:50%;background:var(--surface)}.is-text .portrait-label,.is-text .portrait-art,.is-text .portrait-stage:after,.is-text .mentor-message,.is-text .mentor-actions,.is-text .mentor-foot,.is-text .voice-wave{display:none}.is-text .exploration{grid-template-columns:1fr 210px}.is-text .diagram-wrap svg{max-height:360px}.is-text .portrait-stage canvas{opacity:.92}.is-text .leo-loading{font-size:8px;inset:10px 0}.is-text .leo-loading span{display:none}@keyframes notice-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
/* B: printmaking workshop. A top navigation, asymmetric graph-paper sheet, tutor on the right. */
body[data-style=atelier]{--bg:#f3eadd;--paper:#fffcf3;--surface:#ead9c7;--ink:#252d46;--muted:#6f6c70;--line:#d8ccbc;--accent:#2e4eb4;--accent-ink:#fff;--highlight:#f6ce50;--soft:#f4ebce;--nav:#fffcf3;--nav-ink:#252d46;--diagram:#3853b1;--diagram-fill:#cfdaef;--secondary:#bd5139;--radius:4px;--display:'Songti SC','STSong',serif}
[data-style=atelier] .app-shell{grid-template-columns:1fr;grid-template-rows:68px 1fr}[data-style=atelier] .navigation{flex-direction:row;align-items:center;padding:0 29px;border-bottom:1px solid var(--line);gap:35px}[data-style=atelier] .brand{font-size:22px;padding:0;gap:4px}[data-style=atelier] .brand>svg{stroke:var(--secondary);height:32px;width:27px}[data-style=atelier] .brand small{display:none}[data-style=atelier] .navigation nav{flex-direction:row;gap:10px;align-items:center;height:100%}[data-style=atelier] .nav-item{padding:12px;font-size:12px;border-radius:0;height:100%}[data-style=atelier] .nav-item i{display:none}[data-style=atelier] .nav-item.selected{background:none;border-bottom:3px solid var(--secondary);color:var(--ink)}[data-style=atelier] .nav-bottom{display:flex;align-items:center;margin:0 0 0 auto;gap:22px}[data-style=atelier] .student{border:0;padding:0}[data-style=atelier] .student-avatar{background:var(--highlight)}[data-style=atelier] .student small,[data-style=atelier] .student>i{display:none}[data-style=atelier] .main-shell{padding:0 32px;min-height:0}[data-style=atelier] .topbar{height:83px}[data-style=atelier] .page-heading h1{font-size:27px}[data-style=atelier] .workbench{grid-template-columns:minmax(0,1fr) 255px;gap:22px}[data-style=atelier] .mentor{grid-column:2;grid-row:1;background:var(--surface);padding:23px 22px 15px;border-top:7px solid var(--secondary);border-radius:0 0 80px 0}[data-style=atelier] .mentor-title h2{font-size:32px;font-style:italic}[data-style=atelier] .learning-canvas{grid-column:1;grid-row:1;box-shadow:5px 7px 0 #ddd0bb80;border:1px solid #c8bca9}[data-style=atelier] .canvas-head{border-bottom:1px solid var(--ink)}[data-style=atelier] .problem{background:var(--soft);border-bottom:1px dashed #b9aa91;padding:15px 28px}[data-style=atelier] .problem h2{font-family:var(--display);font-size:24px}[data-style=atelier] .canvas-name strong{font-family:var(--display);font-size:17px}[data-style=atelier] .mode-switch{border:1px solid var(--line);border-radius:4px;background:var(--paper)}[data-style=atelier] .mode-switch button{border-radius:2px}[data-style=atelier] .mode-switch button[aria-pressed=true]{background:var(--accent);color:#fff}[data-style=atelier] .primary,[data-style=atelier] .outline,[data-style=atelier] .solved{border-radius:3px}[data-style=atelier] .canvas-prompt{border:1px dashed var(--secondary);background:#fae6d9;border-radius:0}[data-style=atelier] .thinking-note{border:0;padding:17px 14px;background:var(--soft);transform:rotate(2deg);box-shadow:0 8px 12px #5a402108}[data-style=atelier] .thinking-note:before{content:'';position:absolute;top:-7px;left:40%;width:38px;height:15px;background:#d3c9bba6;transform:rotate(-8deg)}[data-style=atelier] .note-mark{color:var(--secondary)}[data-style=atelier] .mentor-message p{font-size:20px}[data-style=atelier] .portrait-stage{max-height:300px}[data-style=atelier] .mentor-foot{letter-spacing:0}[data-style=atelier] .session-dock{height:66px}[data-style=atelier] .is-text .mentor{grid-column:auto}[data-style=atelier].is-text .mentor{left:210px;border:0;border-radius:0}[data-style=atelier].is-text .learning-canvas{grid-column:1}[data-style=atelier] .subject{display:none}
/* C: observatory. Instrument rail, suspended lesson surface and a panoramic mentor station. */
body[data-style=orbit]{color-scheme:dark;--bg:#111d27;--paper:#1c2b37;--surface:#233946;--ink:#e5eff2;--muted:#a0b5c0;--line:#3a4e5c;--accent:#a9e1d1;--accent-ink:#132c2a;--highlight:#c9b8ec;--soft:#283e48;--nav:#111d27;--nav-ink:#c0d0d7;--diagram:#a9e1d1;--diagram-fill:#345c60;--secondary:#f0ba8d;--radius:18px;--display:'PingFang SC','Microsoft YaHei',system-ui,sans-serif}
[data-style=orbit] .review-bar{background:#0b141c;color:#b5c9d2}[data-style=orbit] .app-shell{grid-template-columns:86px 1fr}[data-style=orbit] .navigation{padding:23px 12px 15px;border-right:1px solid #2a3944}[data-style=orbit] .brand{padding:0 0 32px;justify-content:center}[data-style=orbit] .brand>svg{stroke:var(--accent);width:34px;height:44px}[data-style=orbit] .brand>div{display:none}[data-style=orbit] .nav-item{flex-direction:column;gap:5px;padding:13px 0;font-size:9px;opacity:.75}[data-style=orbit] .nav-item i{margin:0}[data-style=orbit] .nav-item.selected{background:#2b424c;color:var(--accent);opacity:1}[data-style=orbit] .legacy{flex-direction:column;padding:10px 0;gap:3px;font-size:8px}[data-style=orbit] .student{justify-content:center}[data-style=orbit] .student>span:not(.student-avatar),[data-style=orbit] .student>i{display:none}[data-style=orbit] .student-avatar{background:#28464f;color:var(--accent)}[data-style=orbit] .main-shell{padding:0 30px}[data-style=orbit] .topbar{height:100px}[data-style=orbit] .page-heading h1{font-size:25px;font-weight:450;letter-spacing:.08em}[data-style=orbit] .page-heading p{letter-spacing:.08em;font-size:10px}[data-style=orbit] .workbench{grid-template-columns:1fr 235px;gap:18px}[data-style=orbit] .learning-canvas{grid-column:1;grid-row:1;border:1px solid #49616d;box-shadow:0 20px 50px #0002}[data-style=orbit] .mentor{grid-column:2;grid-row:1;background:transparent;border:1px solid var(--line);padding:24px 18px 17px}[data-style=orbit] .mentor-title h2{font-size:29px;letter-spacing:.02em}[data-style=orbit] .portrait-stage{max-height:300px;border-bottom:1px solid var(--line)}[data-style=orbit] .portrait-label{background:var(--bg);font-size:8px}[data-style=orbit] .portrait-stage:after{background:linear-gradient(transparent,var(--bg))}[data-style=orbit] .mentor-message p{font-size:17px;font-weight:350;line-height:1.9}[data-style=orbit] .canvas-head{background:#172630}[data-style=orbit] .canvas-name strong{font-weight:450;letter-spacing:.1em}[data-style=orbit] .problem{padding:19px 28px;background:#1b2a36}[data-style=orbit] .problem h2{font-size:21px;font-weight:450}[data-style=orbit] .canvas-prompt{border:1px solid #536a70;background:#253d46}[data-style=orbit] .mode-switch{border:1px solid var(--line);background:transparent}[data-style=orbit] .mode-switch button[aria-pressed=true]{background:#2d4751;color:var(--accent)}[data-style=orbit] .thinking-note h4{font-weight:400}[data-style=orbit] .thinking-note .text-link{color:var(--accent)}[data-style=orbit] .solved{background:transparent;border:1px solid #809f9a;color:var(--accent)}[data-style=orbit] .canvas-notice{background:#dcebe5;color:#18332c}[data-style=orbit].is-text .mentor{left:210px;border:0}[data-style=orbit].is-text .portrait-stage{border:0}[data-style=orbit].is-focus .learning-canvas{grid-column:1}
@media(min-width:1600px){.main-shell{padding:0 40px}.workbench{grid-template-columns:275px 1fr;gap:28px}.exploration{grid-template-columns:1fr 205px;gap:35px}.board-body{padding:28px 40px 0}.problem{padding:25px 40px}.diagram-wrap svg{max-height:390px}.problem h2{font-size:25px}.thinking-note p{font-size:13px}.canvas-prompt strong{font-size:14px}.canvas-prompt p{font-size:12px}.mentor-message p{font-size:23px}.portrait-stage{max-height:390px}.mentor-title h2{font-size:38px}[data-style=atelier] .workbench,[data-style=orbit] .workbench{grid-template-columns:1fr 290px}[data-style=orbit] .portrait-stage,[data-style=atelier] .portrait-stage{max-height:390px}}
@media(max-width:1200px){.app-shell{grid-template-columns:76px 1fr}.navigation{padding:25px 9px}.brand{justify-content:center;padding:0 0 28px}.brand>div{display:none}.nav-item{flex-direction:column;padding:11px 0;font-size:9px;gap:5px}.nav-item i{margin:0}.legacy{font-size:8px;flex-direction:column}.student{justify-content:center}.student>span:not(.student-avatar),.student>i{display:none}.main-shell{padding:0 18px}.workbench{grid-template-columns:206px 1fr;gap:14px}.mentor{padding:20px 14px 14px}.mentor-message p{font-size:17px}.subject{display:none}.canvas-head{padding:10px 18px}.problem{padding:17px 23px}.board-body{padding:18px 23px 0}.exploration{grid-template-columns:1fr 145px;gap:15px}.thinking-note{padding-left:13px}.canvas-prompt{flex-wrap:wrap;gap:8px}.prompt-actions{margin-left:41px}.session-status{display:none}.is-text .mentor{left:185px;width:140px}.top-actions{gap:5px}[data-style=atelier] .navigation{gap:20px}[data-style=atelier] .brand>div{display:block}[data-style=atelier] .workbench,[data-style=orbit] .workbench{grid-template-columns:1fr 215px}[data-style=atelier] .main-shell,[data-style=orbit] .main-shell{padding:0 20px}[data-style=atelier] .navigation nav{gap:0}[data-style=atelier] .nav-bottom{gap:8px}[data-style=atelier] .nav-item{font-size:11px}[data-style=atelier] .legacy{flex-direction:row;font-size:10px}[data-style=atelier] .mentor{padding:20px 15px}}
@media(max-width:900px){.topbar{height:86px}.page-heading h1{font-size:23px}.page-heading p{display:none}.mode-switch button{padding:8px 9px;font-size:11px}.mode-switch i svg{width:15px}.workbench{grid-template-columns:165px 1fr;gap:10px}.mentor{padding:18px 12px}.mentor-title h2{font-size:25px}.mentor-message p{font-size:16px}.mentor-actions .primary{font-size:11px;padding:10px}.mentor-foot{font-size:8px}.mentor-title p{font-size:9px}.portrait-stage{margin-left:-12px;margin-right:-12px;max-height:260px}.exploration{grid-template-columns:1fr;gap:15px}.thinking-note{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;border:0;border-top:1px solid var(--line);padding:12px 0 0}.note-mark{grid-row:1/3;margin:0}.thinking-note h4{margin:0;font-size:12px}.thinking-note p{font-size:10px;line-height:1.7}.thinking-note p br{display:none}.thinking-note .evidence{display:none}.thinking-note .text-link{grid-column:2;justify-content:flex-start}.problem h2{font-size:18px}.problem p{font-size:11px}.canvas-actions .subtle span{display:none}.board-tag{display:none}.session-dock{height:67px}.source-tools{gap:3px}.source-tools button{font-size:10px}.solved{font-size:11px;padding:10px}.is-text .mentor{left:153px;width:120px;top:-65px}.is-text .mentor-title h2{font-size:16px}.is-text .mentor-title p{font-size:8px}.is-text .exploration{grid-template-columns:1fr 155px}.is-text .thinking-note{display:block;border-top:0;border-left:1px solid var(--line);padding:10px 0 10px 15px}.is-text .thinking-note h4{margin:10px 0}.is-text .thinking-note .evidence{display:grid}[data-style=atelier] .navigation{height:56px;padding:0 18px}[data-style=atelier] .app-shell{grid-template-rows:56px 1fr}[data-style=atelier] .brand{font-size:18px}[data-style=atelier] .navigation nav{gap:0}[data-style=atelier] .nav-item{font-size:10px;padding:10px}[data-style=atelier] .nav-bottom .legacy{display:none}[data-style=atelier] .workbench,[data-style=orbit] .workbench{grid-template-columns:1fr 175px}[data-style=atelier] .thinking-note{transform:none;padding:12px;background:none;border-top:1px solid var(--line)}[data-style=atelier] .thinking-note:before{display:none}[data-style=atelier] .mentor{border-radius:0 0 35px 0;padding:17px 12px}[data-style=atelier] .problem h2{font-size:20px}[data-style=atelier] .mentor-message p{font-size:17px}[data-style=orbit] .app-shell{grid-template-columns:66px 1fr}[data-style=orbit] .navigation{padding:24px 6px}[data-style=orbit] .mentor{padding:19px 12px}[data-style=orbit] .mentor-message p{font-size:15px}[data-style=orbit] .page-heading h1{font-size:22px}[data-style=orbit] .problem h2{font-size:19px}[data-style=orbit].is-text .mentor,[data-style=atelier].is-text .mentor{left:165px}}
@media(max-width:640px){body{overflow:auto}.review-bar{padding:0 12px;height:29px;font-size:9px;gap:11px}.review-note{display:none}.design-switch{margin-left:auto;gap:11px}.app-shell,[data-style=atelier] .app-shell,[data-style=orbit] .app-shell{display:flex;flex-direction:column;height:auto;min-height:calc(100dvh - 29px)}.navigation,[data-style=atelier] .navigation,[data-style=orbit] .navigation{height:56px;min-height:56px;flex-direction:row;align-items:center;padding:0 15px;gap:10px;border:0}.brand,[data-style=atelier] .brand,[data-style=orbit] .brand{padding:0;font-size:19px;gap:4px}.brand>div,[data-style=orbit] .brand>div{display:block}.brand small{display:none}.brand>svg,[data-style=orbit] .brand>svg{width:24px;height:30px}.navigation nav{display:none!important}.nav-bottom,[data-style=atelier] .nav-bottom{margin:0 0 0 auto;display:flex;align-items:center;gap:10px}.legacy,[data-style=atelier] .nav-bottom .legacy,[data-style=orbit] .legacy{display:flex;flex-direction:row;font-size:9px;padding:0}.legacy svg{width:13px}.student,[data-style=atelier] .student,[data-style=orbit] .student{padding:0;border:0;width:28px}.student-avatar{width:25px;height:25px;font-size:10px}.main-shell,[data-style=atelier] .main-shell,[data-style=orbit] .main-shell{padding:0 12px;flex:1}.topbar,[data-style=atelier] .topbar,[data-style=orbit] .topbar{height:72px;gap:4px}.page-heading h1,[data-style=atelier] .page-heading h1,[data-style=orbit] .page-heading h1{font-size:20px;letter-spacing:0}.page-heading h1 span{font-size:8px;margin-left:5px}.top-actions>.icon-button{display:none}.mode-switch button{font-size:10px;padding:7px 8px;gap:3px}.mode-switch button i svg{width:13px}.workbench,[data-style=atelier] .workbench,[data-style=orbit] .workbench{display:flex;flex-direction:column;gap:12px;flex:none}.mentor,[data-style=atelier] .mentor,[data-style=orbit] .mentor{height:128px;min-height:128px;display:block;padding:15px 15px 12px 116px;border-radius:12px;border:1px solid var(--line);order:0;background:var(--surface)}.mentor-title h2,[data-style=atelier] .mentor-title h2,[data-style=orbit] .mentor-title h2{font-size:23px}.mentor-title p{display:none}.mentor-title button{position:absolute;right:5px;top:5px;height:27px}.portrait-stage,[data-style=atelier] .portrait-stage,[data-style=orbit] .portrait-stage{position:absolute;left:0;top:0;height:128px;width:107px;min-height:0;margin:0;border:0}.portrait-label{display:none}.mentor-message{padding:4px 0;text-align:left}.mentor-message p,[data-style=atelier] .mentor-message p,[data-style=orbit] .mentor-message p{font-size:12px;margin:0;font-family:var(--body)}.mentor-message p br{display:none}.status-label{position:absolute;top:20px;right:38px;font-size:8px;letter-spacing:0}.mentor-actions{display:flex;flex-direction:row;gap:6px;align-items:center;margin-top:5px}.mentor-actions>.primary{font-size:10px;padding:7px 9px;min-height:32px}.mentor-actions .transcript-toggle{padding:7px;font-size:0}.mentor-actions .transcript-toggle .count,.mentor-actions .transcript-toggle i:last-child{display:none}.mentor-foot,.voice-wave,.call-options{display:none!important}.learning-canvas,[data-style=atelier] .learning-canvas,[data-style=orbit] .learning-canvas{order:1;min-height:580px;overflow:hidden;border-radius:12px}.canvas-head{min-height:51px;padding:8px 12px;gap:4px}.canvas-name{font-size:11px;gap:5px}.canvas-name>i svg{width:16px}.canvas-actions{gap:0}.canvas-actions .icon-button{width:30px;height:30px}.canvas-actions .subtle{padding:6px}.canvas-scroll{overflow:visible;max-height:none}.problem,[data-style=atelier] .problem,[data-style=orbit] .problem{padding:15px 18px}.problem h2,[data-style=atelier] .problem h2,[data-style=orbit] .problem h2{font-size:19px}.problem p{font-size:11px}.board-body{padding:18px 18px 0}.exploration{grid-template-columns:1fr;gap:15px;margin-bottom:17px}.diagram-wrap svg{max-height:none}.thinking-note{padding:11px 0 0}.canvas-prompt{padding:13px 12px;gap:7px}.prompt-symbol{width:20px}.canvas-prompt strong{font-size:11px}.canvas-prompt p{font-size:10px}.prompt-actions{margin-left:27px}.step-footer{padding:15px 0}.step-footer button{font-size:10px}.canvas-bottom{height:46px;padding:0 10px}.canvas-bottom .subtle{font-size:9px}.drawing-tools{gap:0}.drawing-tools .icon-button{width:28px}.session-dock,[data-style=atelier] .session-dock{height:66px;position:sticky;bottom:0;background:var(--bg);z-index:3;padding:8px 0}.source-tools{gap:0}.source-tools .subtle{font-size:0;padding:8px}.source-tools .outline{font-size:10px;padding:8px}.solved{font-size:11px;padding:10px}.canvas-sheet,.transcript{top:51px;bottom:46px;width:100%}.canvas-notice{left:10px;right:10px;bottom:55px;font-size:11px;padding:12px}.is-text .workbench{padding-top:46px}.is-text .mentor,[data-style=atelier].is-text .mentor,[data-style=orbit].is-text .mentor{top:0;left:0;width:210px;height:38px;min-height:0;padding:0;background:none;border:0}.is-text .portrait-stage{height:34px;width:34px;top:0;left:0}.is-text .mentor-title{margin-left:43px;padding:0}.is-text .mentor-title h2{font-size:16px}.is-text .mentor-title p{display:block;font-size:8px}.is-text .exploration{grid-template-columns:1fr}.is-text .thinking-note{border:0;border-top:1px solid var(--line);padding:12px 0;display:grid}.is-text .thinking-note h4{margin:0}.is-text .thinking-note .evidence{display:none}.is-focus .workbench{padding-top:0}.is-focus .mentor{display:none}[data-style=orbit] .portrait-stage:after{background:linear-gradient(transparent,var(--surface))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Keep the workstation bounded to the viewport; only the lesson body scrolls. */
.main-shell{min-height:0}
@media(min-width:641px) and (max-height:800px){.topbar,[data-style=orbit] .topbar{height:80px}.session-dock{height:63px}.mentor{padding-top:17px}.mentor-message{padding-top:12px}.mentor-message p{font-size:16px}.mentor-foot{margin-top:8px}.portrait-stage{min-height:90px}.mentor-title h2{font-size:26px}.canvas-head{min-height:50px}.problem{padding-top:13px;padding-bottom:15px}.board-body{padding-top:16px}.exploration{margin-top:6px;margin-bottom:15px}.diagram-wrap svg{max-height:225px}.canvas-prompt{padding:10px 13px}.step-footer{padding:11px 0}.is-text .mentor{top:-61px}[data-style=atelier].is-text .mentor,[data-style=orbit].is-text .mentor{top:-61px}}
@media(min-width:641px) and (max-height:800px){
.canvas-head{padding-top:5px;padding-bottom:5px;min-height:47px}
.problem,[data-style=atelier] .problem,[data-style=orbit] .problem{padding-top:10px;padding-bottom:11px}
.problem h2,[data-style=atelier] .problem h2,[data-style=orbit] .problem h2{font-size:19px}
.problem-caption{margin-bottom:4px}.problem p{font-size:11px;margin-top:4px}
.board-body{padding-top:12px}.lesson-heading h3{font-size:14px}.step-label{font-size:9px}
.exploration{margin-top:8px;margin-bottom:12px}.diagram-wrap svg{max-height:162px}
.thinking-note{padding-left:15px}.thinking-note h4{font-size:11px;margin-bottom:5px}.thinking-note p{font-size:10px;line-height:1.7}
.note-mark{margin-bottom:5px}.note-mark svg{width:18px;height:18px}
.evidence{grid-template-columns:16px 1fr 16px 1fr;gap:4px;margin:9px 0}.evidence strong{font-size:15px}.evidence small{font-size:9px}
.canvas-prompt{padding:9px 12px}.canvas-prompt strong{font-size:11px}.canvas-prompt p{font-size:10px}.step-footer{padding:9px 0}
.mentor-title h2,[data-style=atelier] .mentor-title h2,[data-style=orbit] .mentor-title h2{font-size:26px}
.mentor-message p,[data-style=atelier] .mentor-message p,[data-style=orbit] .mentor-message p{font-size:15px;line-height:1.65}
.mentor-message{padding:8px 0 4px}.mentor-foot{display:none}.mentor-actions{gap:5px}.mentor-actions>.primary{min-height:36px;padding:9px 13px;font-size:11px}.voice-wave{height:18px}.mentor-title p{font-size:9px}
.portrait-stage,[data-style=atelier] .portrait-stage,[data-style=orbit] .portrait-stage{min-height:145px}
[data-style=atelier] .app-shell{grid-template-rows:54px 1fr}[data-style=atelier] .topbar{height:68px}[data-style=atelier] .navigation{padding:0 25px}[data-style=atelier] .legacy{white-space:nowrap}
[data-style=atelier] .mentor{padding-top:15px;padding-bottom:16px}[data-style=atelier] .mentor-message p{font-size:15px}
[data-style=atelier] .thinking-note{padding:12px}[data-style=atelier] .board-body{padding-top:10px}
.is-text .portrait-stage,[data-style=atelier].is-text .portrait-stage,[data-style=orbit].is-text .portrait-stage{min-height:0}
}
@media(max-width:640px){.mentor,[data-style=atelier] .mentor,[data-style=orbit] .mentor{height:145px;min-height:145px}.portrait-stage,[data-style=atelier] .portrait-stage,[data-style=orbit] .portrait-stage{height:145px}.is-text .mentor,[data-style=atelier].is-text .mentor,[data-style=orbit].is-text .mentor{height:38px;min-height:0}.is-text .portrait-stage,[data-style=atelier].is-text .portrait-stage,[data-style=orbit].is-text .portrait-stage{height:34px}.is-focus .mentor{display:none}}