@font-face{font-family:Classroom Yan;src:url(/classroom/fonts/classroom-yan.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:School Calendar Pen;src:url(/classroom/fonts/calendar-pen.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:School Calendar Brush;src:url(/classroom/fonts/calendar-brush.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:400}@font-face{font-family:School Running;src:url(/classroom/fonts/zhimangxing.woff2)format("woff2");font-display:swap}@font-face{font-family:School Cursive;src:url(/classroom/fonts/liujianmaocao.woff2)format("woff2");font-display:swap}@font-face{font-family:School Rounded;src:url(/classroom/fonts/zcoolkuaile.woff2)format("woff2");font-display:swap}@font-face{font-family:School Caveat;src:url(/classroom/fonts/caveat.woff2)format("woff2");font-display:swap}@font-face{font-family:School Patrick;src:url(/classroom/fonts/patrickhand.woff2)format("woff2");font-display:swap}@font-face{font-family:Classroom Sans;src:url(/classroom/fonts/classroom-sans.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:400 600}@font-face{font-family:Long Cang;src:url(/classroom/fonts/long-cang.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:400;size-adjust:90%}@font-face{font-family:CHAWP;src:url(/classroom/fonts/chawp.woff2)format("woff2");font-display:swap;font-style:normal;font-weight:400}:root{--page:#f5edda;--panel:#fbf5e6;--soft:#eee2ca;--ink:#534738;--muted:#766b58;--line:#d4c19d;--line-strong:#9f8965;--theme-accent:#527769;--theme-accent-dark:#35594c;--theme-accent-hover:#406555;--theme-soft:#dce4c8;--on-accent:#fff9e7}.classroom-scene{--page:#f5edda;--panel:#fbf5e6;--soft:#eee2ca;--ink:#534738;--muted:#766b58;--line:#d4c19d;--line-strong:#9f8965;--theme-accent:#527769;--theme-accent-dark:#35594c;--theme-accent-hover:#406555;--theme-soft:#dce4c8;--on-accent:#fff9e7;--wood:url(/classroom/wood.webp);--paper:url(/classroom/paper-fiber.jpg);--board-color:#3c645a;--board-overlay:#3c645a8f;--classroom-ui-font:"Classroom Sans", "PingFang SC", "Microsoft YaHei", sans-serif;--desk-overlap:34px;--chat-bottom-inset:27px;--scene-top:10px;--board-frame:13px;--chat-paper-inset:12px;--chat-paper-bottom-inset:8px;--panel-shift:clamp(0px, calc((100vw - 1166px) * .138182), 38px);--board-growth:clamp(0px, calc((100vw - 1166px) * .101818), 28px);font-family:var(--classroom-ui-font);height:100dvh;min-height:540px;padding:var(--scene-top) 14px 0;color:var(--ink);background:#f5edda url(/classroom/paper.webp) 50%/600px;flex-direction:column;gap:12px;display:flex;overflow:hidden}.classroom-scene .workspace{grid-template-columns:minmax(0, 1fr) minmax(300px, calc(31.825% - var(--panel-shift)));gap:calc(9px + var(--panel-shift) - var(--board-growth));flex:1 1 0;width:100%;max-width:none;height:auto;min-height:0;margin:0;display:grid}.classroom-scene .focus-stage{background:var(--board-color);border:13px solid #cf9f60;border-image:;border-radius:8px;gap:0;padding:0;position:relative;overflow:visible;box-shadow:0 2px 1px #93744133,inset 0 3px 7px #203b33}.classroom-scene .focus-stage:before{content:"";background:var(--wood) center / 620px;z-index:0;pointer-events:none;border-radius:9px;position:absolute;inset:-13px}.classroom-scene .share-canvas{isolation:isolate;background:linear-gradient(#344b421a,#344b421a),url(/classroom/board.webp) 50%/650px;border:0;border-radius:1px;flex:1;height:100%;min-height:0;position:relative;overflow:visible;box-shadow:inset 0 6px 9px #18382e55}.classroom-scene .share-canvas:before{display:none}.idle-chalkboard{color:#f6f1dc;position:absolute;inset:0;overflow:hidden}.chalk-date{font:clamp(18px,2.1vw,32px)/1.4 CHAWP,cursive;position:absolute;top:4%;right:3.5%;transform:rotate(-1.1deg)}.chalk-public-tasks{flex-direction:column;justify-content:flex-start;gap:8px;margin:0;padding:0;list-style:none;display:flex;position:absolute;inset:clamp(76px,14%,96px) 23.84% 83px 15.38%;overflow:hidden}.chalk-task-measure{visibility:hidden;pointer-events:none}.chalk-public-tasks.chalk-task-overflow{scrollbar-width:thin;scrollbar-color:#f6f1dc88 transparent;overflow-y:auto}.chalk-public-tasks li{flex:none;align-items:baseline;gap:18px;min-width:0;display:flex}.chalk-public-tasks li:before{content:"";border:2px solid #f3eedbbb;border-radius:2px 3px 1px 4px;flex-shrink:0;width:13px;height:13px;transform:rotate(-4deg)}.chalk-lettering{-webkit-text-stroke:.28px currentColor;overflow-wrap:anywhere;min-width:0;font:clamp(26px,3.6vw,51px)/1.2 Classroom Yan,Long Cang,cursive;display:block;-webkit-mask-image:url(/classroom/chalk-grain.png);mask-image:url(/classroom/chalk-grain.png);-webkit-mask-size:192px;mask-size:192px}.classroom-scene .side-panel{min-height:0;padding:6px var(--chat-paper-inset) var(--chat-paper-bottom-inset);background:#fbf4e2 var(--paper) center / 560px;box-shadow:none;border:10px solid #d3a465;border-radius:12px;position:relative}.classroom-scene .side-tabs{background:0 0;border-bottom:0;flex:none;align-items:end;gap:8px;height:42px;margin:0;padding:0;display:flex;position:relative;overflow:visible}.classroom-scene .side-tabs>button{color:#7f5d3e;min-width:0;height:42px;font:500 19px/1.2 var(--classroom-ui-font);letter-spacing:.06em;box-shadow:none;background:#eaddbf;border:0;border-radius:10px 13px 0 0;flex:1;padding:7px 8px;position:relative}.classroom-scene .side-tabs>button.active{color:#fff6df;background:#4f7669}.classroom-scene .side-tabs>button svg{display:none}.classroom-scene .chat-bell-host{top:4px;right:calc(-1 * var(--chat-paper-inset) - 2px);z-index:8;width:58px;height:68px;position:absolute}.classroom-scene .scene-desks{flex:0 0 clamp(115px,16vh,165px);grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:20px;min-height:0;display:grid}.classroom-desk{justify-content:center;align-items:end;gap:4px;min-width:0;height:100%;padding:0 5px 9px;display:flex;position:relative}.classroom-desk:before{content:"";background:linear-gradient(#ffefbc22 0 64%, #96633026 66%), var(--wood) center / 500px;border-radius:8px 8px 0 0;height:49px;position:absolute;bottom:-8px;left:-3px;right:-3px;transform:perspective(400px)rotateX(13deg);box-shadow:inset 0 5px 2px #f1c58977}.classroom-prop{mix-blend-mode:multiply;pointer-events:none;background-image:url(/classroom/objects.webp);background-repeat:no-repeat;background-size:300% 300%;width:100%;height:100%;display:block}.prop-calendar{background-position:0 0}.prop-chalk-cup{background-position:50% 0}.prop-projector{background-position:100% 0}.prop-microphone{background-position:0}.prop-camera{background-position:50%}.prop-taskboard{background-position:100%}.prop-folder{background-position:0 100%}.prop-settings{background-position:50% 100%}.prop-bell{background-position:100% 100%}.desk-calendar{isolation:isolate;align-self:end;width:min(100%,280px);height:145px;position:relative}.desk-calendar>.classroom-prop{position:absolute;inset:0}.desk-calendar.projecting{filter:drop-shadow(0 0 6px #d3b054)}.calendar-content{scrollbar-width:thin;flex-direction:column;gap:3px;display:flex;position:absolute;inset:30% 20% 15% 14%;overflow:auto}.calendar-name{font:600 21px/1.2 var(--classroom-ui-font);text-align:center;color:#835830;overflow-wrap:anywhere;background:0 0;border:0;padding:0;display:block}.calendar-content .activity-box{background:0 0;border:0;min-height:0;padding:0;display:block}.calendar-content .activity-box label{display:none}.calendar-content .activity-box input{width:100%;font:14px/1.4 var(--classroom-ui-font);color:#5b4d37;text-align:center;background:0 0;border:0;border-radius:0;padding:3px 0}.calendar-content p{font:14px/1.4 var(--classroom-ui-font);text-align:center;overflow-wrap:anywhere;margin:0}.calendar-content small{font-size:10px}.classroom-scene .object-button,.classroom-scene .room-collaboration-trigger,.classroom-scene .settings-button{width:98px;max-width:120px;height:106px;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:1 1 0;padding:0;display:block;position:relative}.classroom-scene .object-button:hover,.classroom-scene .room-collaboration-trigger:hover,.classroom-scene .settings-button:hover{filter:drop-shadow(0 3px 3px #47321925);background:0 0;transform:translateY(-3px)}.classroom-scene .object-button[aria-pressed=true]{filter:drop-shadow(0 0 4px #efd28a)}.classroom-scene .room-collaboration-trigger i{position:absolute;top:6px;right:3px}.classroom-scene .projector-control{z-index:3;width:150px;height:125px;position:absolute;top:-47px;left:44%}.board-ledge{z-index:3;pointer-events:none;background:linear-gradient(#8d7959 0 12%,#bd9e6d 14% 51%,#d1ad75 52% 65%,#ba915c 67% 100%);border-radius:2px 2px 4px 4px;height:23px;position:absolute;bottom:-10px;left:-4px;right:-4px;box-shadow:inset 0 2px 1px #78684c66,0 3px 2px #66573e33}.board-ledge:before{content:"";background:#a98f64;border-radius:1px;position:absolute;inset:3px 8px 11px;box-shadow:inset 0 2px 2px #77654766}.board-ledge:after{content:"";background:#dfbd83;border-radius:1px;height:4px;position:absolute;bottom:7px;left:0;right:0}.ledge-decoration{align-items:end;gap:12px;display:flex;position:absolute;bottom:11px;left:5%}.chalk-stick{background:var(--chalk-color,#f6f1dc);border-radius:3px 2px 2px 1px;width:36px;height:9px;transform:rotate(-3deg);box-shadow:inset 0 2px 2px #fff8,1px 2px 1px #1e342d33}.chalk-eraser{background:linear-gradient(#766c5a 0 22%,#494843 25% 92%,#353c36 92%);border-radius:5px 5px 2px 2px;width:67px;height:23px;box-shadow:2px 1px 2px #1b322766}.classroom-scene .projection-sheet{z-index:5;transform-origin:50% 0;background:#ebe8dc url(/classroom/fabric.webp) 50%/480px;padding:20px 15px 30px;animation:.65s cubic-bezier(.2,.7,.2,1) cloth-lower;position:absolute;inset:-36px 0 16px;box-shadow:0 10px 18px #142b3260}.projection-sheet:before{content:"";background:#b4aa96;border-radius:3px;height:10px;position:absolute;top:0;left:-4px;right:-4px;box-shadow:0 2px 3px #655b4433}.projection-sheet:after{content:"";background:#c0b8a6;border-radius:3px;height:9px;position:absolute;bottom:0;left:-2px;right:-2px;box-shadow:0 2px 2px #51472d55}.classroom-scene .projection-sheet .main-media{object-fit:contain;background:#282e2b;border-radius:0;width:100%;height:100%;position:static}.classroom-scene .main-fullscreen-button{z-index:8;color:#fbf6df;background:#2b4d4040;border-color:#0000;bottom:21px;right:14px}.classroom-scene .projection-sheet~.main-fullscreen-button{color:#fff}.classroom-scene .projection-sheet{clip-path:inset(0 0 100%);visibility:hidden;pointer-events:none;transition:clip-path .6s cubic-bezier(.2,.7,.2,1),visibility 0s .6s;animation:none}.classroom-scene .projection-sheet.is-open{clip-path:inset(0);visibility:visible;pointer-events:auto;transition:clip-path .6s cubic-bezier(.2,.7,.2,1),visibility}.classroom-scene .projection-sheet.is-open .media-caption{background:#292e2bc9;font-size:12px;bottom:15px}.classroom-scene .projection-sheet .media-window-actions{flex-wrap:wrap;max-width:calc(100% - 24px);bottom:48px}.classroom-scene .share-canvas{background:var(--board-surface)}.classroom-scene{--classroom-wall:linear-gradient(#f5eddac0,#f5eddac0), url(/classroom/paper.webp);background-image:var(--classroom-wall)}.classroom-scene .side-panel{height:calc(100% - var(--chat-bottom-inset));background-image:linear-gradient(#f6efdeba,#f6efdeba), var(--paper);background-size:auto,640px}.classroom-scene .object-button,.classroom-scene .settings-button,.classroom-scene .room-collaboration-trigger,.classroom-scene .desk-calendar{mix-blend-mode:multiply}.classroom-scene .desk-calendar{aspect-ratio:13/8;isolation:auto;width:min(100%,256.75px);height:auto}.classroom-scene .classroom-desk{align-self:stretch}.classroom-scene .classroom-prop{mix-blend-mode:normal;background-position:bottom;background-size:contain;-webkit-mask-image:none;mask-image:none}.prop-chalk-cup,.prop-camera,.prop-settings{--prop-x:50%}.prop-projector,.prop-taskboard,.prop-bell{--prop-x:100%}.prop-microphone,.prop-camera,.prop-taskboard{--prop-y:50%}.prop-folder,.prop-settings,.prop-bell{--prop-y:100%}.classroom-scene .object-button,.classroom-scene .settings-button,.classroom-scene .room-collaboration-trigger,.classroom-scene .desk-calendar,.classroom-scene .room-bell-trigger{mix-blend-mode:normal}.classroom-scene .projector-control{mix-blend-mode:normal;max-width:150px}.classroom-scene .share-canvas>.main-fullscreen-button{color:#fbf6df;background:#2b4d4040;border:0;border-radius:3px;place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;top:auto;bottom:21px;right:14px}.classroom-scene .chat-view{flex:1;gap:0;min-height:0;margin-top:0;padding:0}.classroom-scene .message-list{background-image:linear-gradient(90deg,#0000 25%,#b74c5066 25% calc(25% + 1px),#0000 calc(25% + 1px)),repeating-linear-gradient(#0000 0 33px,#a99c7526 33px 34px);background-attachment:local;flex:1;gap:5px;min-height:0;padding:14px 6px 14px 0}.classroom-scene .message{flex-shrink:0;max-width:94%;margin:0}.classroom-scene .message>span{color:#897c65;margin:0 6px 3px;font-size:11px}.classroom-scene .message:not(.own)>span{margin-left:0}.classroom-scene .message p{background:linear-gradient(#eee1c6e6,#eee1c6e6), var(--paper) center / 400px;color:#514738;font:15px/1.6 var(--classroom-ui-font);border:0;border-radius:8px 6px 9px 4px/6px 8px 5px 7px;padding:10px 13px;position:relative;transform:rotate(-.2deg);box-shadow:0 2px 2px #6b51371a,1px 4px 7px #6b51370b}.classroom-scene .message.own p{background:linear-gradient(#dce5bee6,#dce5bee6),var(--paper) center / 400px;border-radius:6px 8px 5px 9px/8px 4px 9px 5px;transform:rotate(.25deg)}.classroom-scene .message p:before,.classroom-scene .message p:after{display:none}.classroom-scene .chat-form{border-top:1px solid #ccb99077;flex-shrink:0;margin:0;padding:9px 0 0}.classroom-scene .chat-input-row textarea{background:#fffaf080;border:1px solid #c6b690;border-radius:9px;box-shadow:inset 0 1px 1px #a8957530}.classroom-scene .chat-attach-button,.classroom-scene .voice-record-button{color:#716650;background:0 0;border:0}.classroom-scene .room-bell-trigger{width:65px;height:72px;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:block;position:relative}.classroom-scene .room-bell-trigger:before,.classroom-scene .room-bell-trigger:after{display:none}.classroom-scene .room-bell-trigger:hover{background:0 0;transform:none}.classroom-scene .room-bell-trigger .classroom-prop{width:100%;height:100%;transform:none}.classroom-scene .room-bell-trigger svg.classroom-prop{background:0 0;animation:none;overflow:visible;transform:none}.classroom-scene .bell-body{transform-origin:38px 36px;transition:transform .2s ease-out}.classroom-scene .room-bell-trigger:is(:hover,:focus-visible) .bell-body{transform:rotate(-9deg)}.classroom-scene .room-bell-trigger:is(.is-ringing,.has-incoming) .bell-body{animation:.5s ease-in-out infinite alternate school-bell}.classroom-scene .task-view{min-height:0;margin:0 calc(-1 * var(--chat-paper-inset)) calc(-1 * var(--chat-paper-bottom-inset));flex:1;padding:0}.classroom-scene .task-view .task-scroll{scrollbar-gutter:auto;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1fr);gap:0;height:100%;padding:0;display:grid;overflow:hidden}.classroom-scene .task-person-card{background:0 0;border:0;border-radius:0;flex-direction:column;min-height:0;padding:0 9px;display:flex;overflow:hidden}.classroom-scene .task-person-card+.task-person-card{border-left:0}.classroom-scene .activity-heading{border-color:#cbb58c80;padding-bottom:8px}.classroom-scene .activity-heading strong{font:600 19px/1.3 var(--classroom-ui-font)}.classroom-scene .task-person-list{scrollbar-width:thin;flex:1;min-height:0;overflow:auto}.classroom-scene .task-row{align-items:flex-start;gap:6px;padding:10px 0}.classroom-scene .task-due{display:none}.classroom-scene .task-copy strong{color:#534738;font:400 14px/1.6 var(--classroom-ui-font);overflow-wrap:anywhere}.classroom-scene .task-empty{padding:8px 0;font-size:12px}.classroom-scene .custom-check{border-color:#b9a780;flex:0 0 17px;width:17px;height:17px;margin-top:3px}.calendar-invite{font:13px/1.4 var(--classroom-ui-font);color:#735d3e;background:0 0;border:0;padding:1px}.calendar-name{font-family:var(--classroom-ui-font);font-size:18px}.calendar-content p,.calendar-content .activity-box input,.calendar-content .activity-box textarea{font:12px/1.45 var(--classroom-ui-font)}.calendar-content .activity-box textarea{resize:none;text-align:center;color:#514738;background:0 0;border:0;border-radius:0;width:100%;height:36px;min-height:0;margin:0;padding:2px 0;display:block}.desk-classmates{scrollbar-width:thin;justify-content:safe center;overflow-x:auto}.desk-classmates .desk-calendar{flex:0 0 min(100%,256.75px)}.board-shelf{z-index:20;background:#fcf4e1;border:1px solid #b6a27b;border-radius:8px;padding:6px;position:absolute;bottom:100%;left:0;right:0;box-shadow:0 5px 20px #4b443344}.board-shelf>div{gap:4px;display:flex}.board-shelf>div>button:first-child{text-align:left;flex:1}.board-shelf button{background:0 0;border:0;border-radius:3px;align-items:center;gap:5px;min-height:34px;padding:4px 8px;display:inline-flex}.board-shelf button:hover{background:#e9dfc5}.classroom-scene .whiteboard-shell{z-index:4;background:0 0;grid-template-columns:minmax(0,1fr) 42px;gap:0;padding:0 5px 30px 0;overflow:visible}.classroom-scene .whiteboard-paper{box-shadow:none;background:0 0;border:0;border-radius:0}.whiteboard-paper .chalk-stroke-canvas,.whiteboard-paper .chalk-text-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.whiteboard-paper .chalk-text-canvas{pointer-events:none}.whiteboard-paper .chalk-stroke-canvas{cursor:crosshair}.tool-erase-stroke .chalk-stroke-canvas,.tool-erase-area .chalk-stroke-canvas{cursor:cell}.classroom-scene .board-text-content{color:#0000}.classroom-scene .board-text-box{border-color:#0000}.classroom-scene .board-text-box.editing{border:1px dashed #f5eedb66}.classroom-scene .board-text-box textarea{color:inherit;background:#36594b33}.classroom-scene .whiteboard-tools{width:42px;min-width:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#f8f0dd;background:0 0;border:0;border-radius:0;align-self:center;gap:8px;padding:5px 2px;position:relative}.classroom-scene .whiteboard-tools>button{color:#f8f0dd;background:0 0;border:0;border-radius:4px;width:36px;height:36px;padding:0}.classroom-scene .whiteboard-tools>button.active{background:#e4ead62b}.classroom-scene .chalk-choice[aria-pressed=true],.classroom-scene .ledge-eraser.selected{box-shadow:none;background:0 0;border-color:#0000}.classroom-scene .board-colors{justify-content:center;display:flex}.classroom-scene .board-colors .custom-color{border-color:#d7d6b177;border-radius:4px;width:32px;height:30px}.classroom-scene .board-width{color:#f5edd8;width:36px}.classroom-scene .board-width input{accent-color:#e1d7b9;width:34px}.chalk-palette{z-index:7;align-items:end;gap:2px;display:flex;position:absolute;bottom:-9px;left:4%}.chalk-palette button{background:0 0;border:0;border-radius:4px;justify-content:center;align-items:end;width:46px;height:44px;padding:0 4px 10px;display:flex}.chalk-palette .ledge-eraser{width:75px;margin-right:9px}.chalk-choice[aria-pressed=true] .chalk-stick,.ledge-eraser.selected .chalk-eraser{transform:translateY(-4px)rotate(-4deg);box-shadow:0 0 0 1px #f9f2d566,1px 4px 4px #192e2844}.classroom-scene .share-canvas:fullscreen{border:13px solid #ce9e62;border-radius:0;padding:0}.app-shell.classroom-scene>.classroom-preview-toolbar{z-index:30;background:#fff9e9;border-radius:6px 6px 0 0;flex-wrap:wrap;justify-content:center;gap:4px;width:max-content;max-width:calc(100vw - 16px);padding:2px 6px;font-size:11px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 6px #6c563333}.classroom-preview-toolbar :is(span,button){white-space:nowrap}.classroom-preview-toolbar button{background:0 0;border:0;padding:3px 6px}.classroom-preview-toolbar button[aria-pressed=true]{background:#dce4c8}.classroom-preview-toolbar a{color:inherit;text-underline-offset:2px;padding:3px 6px;text-decoration:underline}@keyframes school-bell{0%{transform:rotate(-9deg)}to{transform:rotate(9deg)}}@media (max-width:1000px) and (min-width:721px){.classroom-scene{padding:var(--scene-top) 12px 0;gap:8px}.classroom-scene .workspace{grid-template-columns:minmax(0,1.65fr) minmax(285px,1fr);gap:8px}.classroom-scene .focus-stage,.classroom-scene .side-panel{height:auto;min-height:0;max-height:none}.classroom-scene .scene-desks{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.calendar-name{font-size:21px}.calendar-content p{font-size:14px}.classroom-scene .object-button,.classroom-scene .settings-button,.classroom-scene .room-collaboration-trigger{height:85px}.classroom-scene .projector-control{height:115px}}@media (max-width:720px){.classroom-scene{height:auto;min-height:100dvh;padding:var(--scene-top) 10px 0;gap:12px;overflow:visible}.classroom-scene .workspace{flex:none;grid-template-rows:minmax(280px,46dvh) minmax(330px,48dvh);grid-template-columns:1fr;gap:16px;display:grid}.classroom-scene .focus-stage,.classroom-scene .side-panel{height:auto;min-height:0;max-height:none}.classroom-scene .focus-stage{border-width:10px}.classroom-scene .focus-stage:before{inset:-10px}.classroom-scene .scene-desks{flex:none;grid-template-rows:110px 108px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;height:230px}.classroom-scene .desk-calendar{height:auto}.classroom-scene .calendar-content{top:30%;bottom:15%}.classroom-scene .desk-media .object-button,.classroom-scene .desk-room .object-button,.classroom-scene .settings-button,.classroom-scene .room-collaboration-trigger{height:90px}.classroom-scene .projector-control{width:116px;height:95px;top:-35px;left:42%}.chalk-date{font-size:17px;top:18%;right:4%}.chalk-lettering{font-size:28px}.chalk-public-tasks{gap:7px;inset:25% 7% 38px}.classroom-scene{--chat-paper-inset:8px}.classroom-scene .side-panel{padding:4px var(--chat-paper-inset) var(--chat-paper-bottom-inset)}.classroom-scene .side-tabs{height:38px}.classroom-scene .side-tabs>button{font-size:18px}.classroom-scene .task-copy strong{font-size:14px}.classroom-scene .whiteboard-shell{grid-template-columns:minmax(0,1fr) 42px;padding-bottom:33px}.classroom-scene .whiteboard-tools{gap:1px;max-height:100%;padding:2px;overflow-y:auto}.classroom-scene .whiteboard-tools>button{min-height:36px}.chalk-palette{gap:0;left:1%}.chalk-palette .ledge-eraser{width:63px;margin-right:2px}.chalk-palette .chalk-eraser{width:55px}.chalk-palette .chalk-choice{width:41px}.classroom-scene .projection-sheet{padding:15px 8px 25px;inset:-30px -2px 12px}}.classroom-scene .room-error,.classroom-scene .board-notice,.classroom-scene .focus-stage>.error-message{z-index:12;background:#fff3d9;border-radius:5px;padding:6px 10px;position:absolute;bottom:42px;left:12px}@keyframes cloth-lower{0%{clip-path:inset(0 0 100%);transform:translateY(-10px)}to{clip-path:inset(0);transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.classroom-scene *,.classroom-scene :before,.classroom-scene :after{transition:none!important;animation:none!important}}.app-shell.classroom-scene>.scene-desks{z-index:6;margin-top:calc(-1 * var(--desk-overlap));pointer-events:none;grid-template-rows:minmax(0,1fr)}.classroom-scene .classroom-desk{pointer-events:none;min-height:0}.classroom-scene .classroom-desk :is(button,input,textarea,.desk-calendar,.board-shelf){pointer-events:auto}.classroom-scene .classroom-desk .desk-calendar{pointer-events:none}.classroom-scene .classroom-desk .calendar-content{pointer-events:auto}.classroom-scene :is(button,input,textarea,select){font-family:var(--classroom-ui-font)}.classroom-scene .board-text-box textarea{font-family:Classroom Yan,Long Cang,cursive}.classroom-scene .desk-room{gap:clamp(18px,2.4vw,34px);padding-right:clamp(48px,5.9vw,84px)}.classroom-scene .desk-room .cloud-entry-button{left:clamp(4px,.56vw,8px)}.classroom-scene :is(.desk-media,.desk-room) :is(.object-button,.room-collaboration-trigger,.settings-button){min-width:0;height:112px}.classroom-scene .prop-calendar,.classroom-scene .prop-taskboard,.classroom-scene .prop-folder,.classroom-scene .prop-settings,.classroom-scene .prop-bell{background-position:bottom;background-size:contain;-webkit-mask-image:none;mask-image:none}.classroom-scene .prop-calendar{background-image:url(/classroom/calendar-flat.svg)}.classroom-scene .prop-taskboard{background-image:url(/classroom/taskboard-flat.svg)}.classroom-scene .prop-folder{background-image:url(/classroom/folder-flat.svg)}.classroom-scene .prop-settings{background-image:url(/classroom/settings-flat.svg)}.classroom-scene .prop-bell{background-image:url(/classroom/bell-flat.svg)}.app-shell.classroom-scene>.wall-exit{z-index:7;width:68px;height:44px;box-shadow:none;background:0 0;border:0;border-radius:2px;padding:3px 0;position:absolute;bottom:66px;right:17px}.emergency-exit-sign{filter:drop-shadow(0 2px 1px #625a4033);background:url(/classroom/emergency-exit.svg) 50%/contain no-repeat;width:100%;height:100%;display:block}.classroom-scene .wall-exit:hover{filter:brightness(1.08);background:0 0}.classroom-scene .wall-exit:focus-visible{outline-offset:2px;outline:2px solid #527769}.classroom-scene .ledge-decoration{z-index:1;bottom:15px;left:auto;right:14px;transform:none}.classroom-scene .chalk-palette{bottom:-1px;left:auto;right:10px}.classroom-scene .share-canvas:has(.whiteboard-shell) .ledge-decoration{display:none}.classroom-scene .share-canvas>.main-fullscreen-button{bottom:49px}.classroom-scene .prop-chalk-cup{background-image:url(/classroom/chalk-cup-flat.svg)}.classroom-scene .prop-camera{background-image:url(/classroom/camera-flat.svg)}.classroom-scene .object-button.projector-control{aspect-ratio:18/11;z-index:8;width:150px;height:auto;top:-35px;left:50%;transform:translate(-50%)}.classroom-scene .object-button.projector-control:hover{transform:translate(-50%,-2px)}.classroom-scene .projection-sheet{inset:calc(-1 * (var(--scene-top) + var(--board-frame))) 0 8px;padding:10px 10px 11px}.classroom-scene .chalk-tool-icon{background-position:50%;background-repeat:no-repeat;background-size:contain;width:32px;height:32px;display:block}.classroom-scene .main-fullscreen-button.is-chalk{box-shadow:none;background:0 0}.classroom-scene .main-fullscreen-button.is-chalk:hover{background:#f6f1dc12}@media (min-width:721px){.classroom-scene .focus-stage{align-self:start;height:calc(100% - 22px)}}@media (min-width:721px) and (max-width:1000px){.classroom-scene{--desk-overlap:26px;--chat-bottom-inset:19px;--scene-top:10px}.classroom-scene .chalk-palette,.classroom-scene .ledge-decoration{transform-origin:100% 100%;transform:scale(.65)}.classroom-scene :is(.desk-media,.desk-room) :is(.object-button,.room-collaboration-trigger,.settings-button){height:96px}.app-shell.classroom-scene>.wall-exit{width:58px;right:12px}.classroom-scene .calendar-name{font-size:17px}}.classroom-scene .share-canvas:fullscreen .chalk-palette,.classroom-scene .share-canvas:fullscreen .ledge-decoration{transform:none}@media (max-width:720px){.classroom-scene{--desk-overlap:0px;--chat-bottom-inset:0px;--scene-top:10px;--board-frame:10px}.app-shell.classroom-scene>.scene-desks{grid-template-rows:110px 108px}.classroom-scene .desk-room{padding-top:20px;padding-right:8px}.classroom-scene :is(.desk-media,.desk-room) :is(.object-button,.room-collaboration-trigger,.settings-button){height:88px}.app-shell.classroom-scene>.wall-exit{width:56px;height:34px;bottom:102px;right:18px}.classroom-scene .object-button.projector-control{width:120px;top:-32px}.classroom-scene .projection-sheet{padding:10px 8px 11px}.classroom-scene .chalk-palette{right:5px}.classroom-scene .scene-desks{gap:44px 12px;height:262px}.app-shell.classroom-scene>.wall-exit{bottom:112px}}.classroom-scene{--calendar-hand-font:"School Calendar Pen", "Classroom Yan", "Long Cang", cursive}.classroom-scene[data-calendar-font=brush]{--calendar-hand-font:"School Calendar Brush", "School Calendar Pen", cursive}.classroom-scene[data-calendar-font=yan]{--calendar-hand-font:"Classroom Yan", "Long Cang", cursive}.classroom-scene[data-calendar-font=running]{--calendar-hand-font:"School Running", "School Calendar Pen", cursive}.classroom-scene[data-calendar-font=cursive]{--calendar-hand-font:"School Cursive", "School Calendar Pen", cursive}.classroom-scene[data-calendar-font=rounded]{--calendar-hand-font:"School Rounded", "School Calendar Pen", cursive}.classroom-scene[data-calendar-font=long]{--calendar-hand-font:"Long Cang", cursive}.classroom-scene[data-calendar-title=caveat]{--calendar-title-font:"School Caveat"}.classroom-scene[data-calendar-title=patrick]{--calendar-title-font:"School Patrick"}.classroom-scene .calendar-content :is(strong,p,button,input,textarea,label,small){font-family:var(--calendar-hand-font);font-weight:400}.classroom-scene .calendar-content .calendar-name{font-size:clamp(19px,1.8vw,26px);line-height:1.15}.classroom-scene .calendar-content :is(p,.activity-box input,.activity-box textarea,.calendar-invite){font-size:clamp(15px,1.25vw,18px);line-height:1.35}.classroom-scene .calendar-content .activity-box textarea{flex-shrink:0;height:2.7em}.classroom-scene .calendar-content small{font-size:12px}.classroom-scene .calendar-content .calendar-name-chinese{font-family:var(--classroom-ui-font);font-weight:500}.classroom-scene .calendar-content .calendar-name-latin{font-family:var(--calendar-title-font,"CHAWP"), var(--classroom-ui-font)}.classroom-scene .desk-calendar.projecting{filter:drop-shadow(0 0 5px #e0ba65)drop-shadow(0 0 13px #e8cc8077)}.desk-calendar.projecting:after{content:"";pointer-events:none;border-radius:3px;position:absolute;inset:15% 14% 14% 6%;box-shadow:inset 0 0 16px #efcf6855}.chalk-eraser{place-items:center;display:grid;position:relative}.chalk-eraser small{color:#efe1bd;letter-spacing:.06em;opacity:.85;padding-top:2px;font:11px/1 School Calendar Pen,cursive}.rainbow-chalk{cursor:pointer;justify-content:center;align-items:end;width:46px;height:44px;padding:0 4px 10px;display:flex;position:relative}.rainbow-chalk .chalk-stick{background:linear-gradient(95deg,#e1a0b4,#e5c67c 32%,#b6cda3 59%,#95bdcf 83%,#b0a4ce)}.rainbow-chalk input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.rainbow-chalk:focus-within{outline-offset:1px;outline:1px dashed #f6f1dc}@media (min-width:721px){.classroom-scene{--desk-overlap:clamp(0px, calc((100vw - 1366px) * .2), 34px)}.classroom-scene .chalk-palette,.classroom-scene .ledge-decoration{transform:none}}.classroom-scene{--board-surface:linear-gradient(var(--board-overlay),var(--board-overlay)), url(/classroom/board-grain.png) 0 0 / 400px 400px, var(--board-color)}.classroom-scene .stage-content{isolation:isolate;background:var(--board-surface);width:100%;height:100%;position:relative}.classroom-scene .share-canvas:fullscreen{background:var(--classroom-wall), var(--page);border:0}.classroom-scene .share-canvas:fullscreen::backdrop{background:#f5edda}.classroom-scene .share-canvas:fullscreen .stage-content{width:var(--stage-base-width);height:var(--stage-base-height);transform:translate(-50%,-50%) scale(var(--stage-scale,1));transform-origin:50%;position:absolute;top:50%;left:50%}.classroom-scene .share-canvas:fullscreen .chalk-lettering{font-size:var(--stage-chalk-font,51px)}.classroom-scene .share-canvas:fullscreen .chalk-date{font-size:var(--stage-date-font,32px)}.classroom-scene .share-canvas:fullscreen .projection-sheet{inset:calc(-1 * (var(--scene-top) + var(--board-frame))) 0 8px}.classroom-scene .stage-content>.main-fullscreen-button{z-index:8;border:0;border-radius:3px;place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;inset:auto 14px 49px auto}.chalk-public-tasks li:before{content:none}.classroom-scene .side-panel{z-index:7;isolation:isolate;background-image:linear-gradient(#f6efdeba,#f6efdeba),var(--paper),var(--wood);background-size:auto,640px,620px;background-origin:padding-box,padding-box,border-box;background-clip:padding-box,padding-box,border-box;border-color:#0000}.classroom-scene .side-panel:before{content:none}@media (min-width:1001px){.classroom-scene{--desk-overlap:34px}}@media (min-width:721px) and (max-width:1000px){.classroom-scene{--desk-overlap:26px}}.blackboard-cabinet{--board-peek:26px;--peek-left:0px;--peek-right:0px;isolation:isolate;background:#7e8068;position:absolute;inset:0}.blackboard-cabinet:before,.blackboard-cabinet:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#88886e 0 35%,#4e604f 36% 65%,#b0a487 66%);height:7px;position:absolute;left:0;right:0}.blackboard-cabinet:before{top:0}.blackboard-cabinet:after{bottom:0}.blackboard-back{background:var(--board-surface);border:5px solid #ad936a;position:absolute;inset:8px 0 6px;box-shadow:inset 0 0 0 1px #314b4088}.blackboard-front{inset:0 var(--peek-right) 0 var(--peek-left);z-index:2;background:var(--board-surface);border:4px solid #b49b70;border-width:4px 5px;position:absolute;box-shadow:3px 2px #32463a66,-2px 0 #dfc599}.blackboard-front:before,.blackboard-front:after{content:"";z-index:5;pointer-events:none;background:#e0c39788;width:2px;position:absolute;top:2px;bottom:1px}.blackboard-front:before{left:-4px}.blackboard-front:after{right:-4px}.board-layer-navigation{z-index:7;pointer-events:none;position:absolute;inset:0}.board-layer-side{width:var(--board-peek);pointer-events:auto;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;top:0;bottom:0}.board-layer-side.previous{left:0}.board-layer-side.next{right:0}.board-layer-position{left:calc(var(--peek-left) + 18px);color:#f5efdb99;font:12px CHAWP,sans-serif;position:absolute;bottom:12px}.classroom-scene .blackboard-front>.main-fullscreen-button{z-index:8;border:0;place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;inset:auto 14px 49px auto}.classroom-scene .board-close-button{z-index:8;background:0 0;border:0;border-radius:3px;place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;top:10px;right:9px}.board-close-button:hover{background:#f6f1dc12}.board-close-button:focus-visible{outline:1px dashed #f6f1dc}.chalk-palette .chalk-slot{justify-content:center;align-items:end;width:46px;height:44px;padding:0 4px 10px;display:flex}.chalk-palette .chalk-slot.ledge-eraser{width:75px;margin-right:9px}.chalk-slot-empty{visibility:hidden}.classroom-scene .idle-chalk-palette{pointer-events:none}@media (max-width:720px){.blackboard-cabinet{--board-peek:18px}.chalk-palette .chalk-slot.ledge-eraser{width:63px;margin-right:2px}.chalk-palette .chalk-slot.chalk-choice{width:41px}}.classroom-scene .media-nav{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff;background:#fffcf269;border:1px solid #fff9;border-radius:7px;width:36px;height:58px}.classroom-scene .media-nav:hover{background:#fffcf29e}.classroom-scene .media-prev{left:10px}.classroom-scene .media-next{right:10px}.classroom-scene .projection-sheet{background-color:#f4f1e8;background-image:linear-gradient(#fffdf370,#fffdf370),url(/classroom/fabric.webp)}.classroom-scene .prop-projector{background-image:url(/classroom/projector-off.svg)}.classroom-scene .prop-projector.is-on{background-image:url(/classroom/projector-on.svg)}.classroom-scene .prop-camera.is-on{background-image:url(/classroom/camera-on.svg)}.classroom-scene .prop-microphone{background-image:url(/classroom/microphone-off.svg)}.classroom-scene .prop-microphone.is-on{background-image:url(/classroom/microphone-on.svg)}.classroom-scene .chalk-choice,.classroom-scene .ledge-eraser,.classroom-scene .rainbow-chalk{filter:none}.classroom-scene .chalk-choice[aria-pressed=true] .chalk-stick{transform:translateY(-4px);box-shadow:inset 0 1px #fff8,0 1px 0 1px #f9f2d5}.classroom-scene .chalk-choice{position:relative}.classroom-scene .chalk-choice[aria-pressed=true]:after{content:"";background:#f6f1dc;border-radius:50%;width:4px;height:4px;position:absolute;bottom:1px}.chalk-palette .ledge-eraser{position:relative}.eraser-mode-art{pointer-events:none;background:url(/classroom/chalk/eraser-whole.svg) 50%/contain no-repeat;width:36px;height:18px;position:absolute;bottom:0;right:-4px}.eraser-mode-art.erase-area{background-image:url(/classroom/chalk/eraser-area.svg)}.classroom-scene .board-text-box.editing{resize:none;box-shadow:none;background:0 0;border:0;border-radius:1px;outline:1px dashed #f6f1dc88;overflow:visible}.classroom-scene .board-text-box{min-width:0;min-height:0}.classroom-scene .stage-content .main-fullscreen-error{z-index:9;color:#514738;background:#fff3d9;border-radius:6px;max-width:calc(100% - 72px);padding:8px 12px;position:absolute;top:12px;left:12px}.classroom-scene .share-canvas:fullscreen .stage-content:before{content:"";z-index:10;border:13px solid #cf9f60;border-image:var(--wood) 20 / 13px stretch;pointer-events:none;background:0 0;position:absolute;inset:-13px}.classroom-scene .share-canvas:fullscreen .projector-control{z-index:11}.classroom-scene .board-text-box textarea{background:0 0;font-family:inherit;overflow:hidden}.classroom-scene .board-text-drag{background:0 0;border-radius:8px;width:60%;max-width:160px;height:22px;margin-left:0;top:-23px;left:50%;transform:translate(-50%)}.board-text-drag span{background:#f6f1dcaa;border-radius:3px;width:28px;height:3px;-webkit-mask:url(/classroom/chalk-grain.png) 50%/60px;mask:url(/classroom/chalk-grain.png) 50%/60px}.classroom-scene .board-text-delete{background:0 0;width:24px;height:24px;top:-26px;right:-26px}.classroom-scene .board-text-delete .chalk-tool-icon{width:20px;height:20px}.text-resize-handle{z-index:4;touch-action:none;background:0 0;border:0;width:12px;height:12px;padding:0;position:absolute}.text-resize-handle:after{content:"";background:var(--board-color,#3c645a);border:1px solid #f6f1dcaa;position:absolute;inset:3px}.handle-n,.handle-s{cursor:ns-resize;left:calc(50% - 6px)}.handle-n{top:-6px}.handle-s{bottom:-6px}.handle-e,.handle-w{cursor:ew-resize;top:calc(50% - 6px)}.handle-e{right:-6px}.handle-w{left:-6px}.handle-ne,.handle-se{right:-6px}.handle-nw,.handle-sw{left:-6px}.handle-ne,.handle-nw{top:-6px}.handle-se,.handle-sw{bottom:-6px}.handle-ne,.handle-sw{cursor:nesw-resize}.handle-nw,.handle-se{cursor:nwse-resize}.classroom-scene{--device-font:"Device Latin","Device Han Rounded",sans-serif}.classroom-scene[data-device-font=sans]{--device-font:"Device Sans",sans-serif}.classroom-scene[data-device-font=rounded]{--device-font:"Device Latin","Device Rounded","Device Sans",sans-serif}.classroom-scene[data-device-font=youyuan],.classroom-scene[data-device-font=resource-rounded]{--device-font:"Device Latin","Device Han Rounded",sans-serif}.device-card{aspect-ratio:3/2;pointer-events:none;flex-shrink:0;width:min(100%,240px);position:relative;container-type:inline-size}.device-tablet{width:min(93.3333%,224px)}.classroom-desk>.device-laptop{max-width:85%;margin-inline-end:min(15%,42px)}.device-shell{background:bottom/contain no-repeat;display:block;position:absolute;inset:0}.device-tablet .device-shell{background-image:url(/classroom/tablet-on.svg)}.device-tablet.is-offline .device-shell{background-image:url(/classroom/tablet-off.svg)}.device-laptop .device-shell{background-image:url(/classroom/laptop-on.svg)}.device-laptop.is-offline .device-shell{background-image:url(/classroom/laptop-off.svg)}.device-laptop .device-shell:after{content:"";background:url(/classroom/mouse-white.svg) bottom/contain no-repeat;width:27%;height:24%;position:absolute;bottom:2.7%;left:94%}.device-screen{pointer-events:auto;color:#42534b;font-family:var(--device-font);flex-direction:column;padding:3px 0 6px;display:flex;position:absolute;inset:13% 12.5% 15%;overflow:hidden}.device-laptop .device-screen{inset:11% 18% 27% 13%}.device-tablet .device-screen{inset:13% 15% 15% 13.5%}.device-tablet .device-activity{background:#fff9fa9c;border-color:#d5bec64d;padding-inline:3px}.device-screen:after{content:"";pointer-events:none;background:#a6b9b044;border-radius:2px;width:34px;height:2px;position:absolute;bottom:2px;left:calc(50% - 17px)}.device-screen:not([data-font-status=ready])>:is(.device-identity,.device-media-status,.device-activity){visibility:hidden}.device-font-loading{border:2px solid #b7c7bf;border-top-color:#5d7e6c;border-radius:50%;width:18px;height:18px;position:absolute;top:calc(50% - 9px);left:calc(50% - 9px)}.classroom-scene .device-font-retry{color:#52695c;background:#f8fbf9;border:1px solid #bdcdc3;border-radius:6px;padding:5px;font:11px/1.5 sans-serif;position:absolute;inset:30% 5%}.device-identity{pointer-events:none;flex:0 0 35px;align-items:flex-start;max-width:calc(100% - 97px);height:35px;margin-top:-4px;padding:0 0 0 3px;display:flex}.device-name{width:100%;height:38.3px;font:600 17px/1.3 var(--device-font);text-overflow:ellipsis;white-space:nowrap;margin-top:11px;display:block;overflow:hidden}.device-media-status{gap:2px;display:flex;position:absolute;top:6.5px;right:0}.classroom-scene .device-media-status button{color:#6c877b;width:29px;min-width:29px;height:29px;font:8px/1 var(--device-font);background:#f7faf8b3;border:1px solid #c2cec680;border-radius:6px;justify-content:center;align-items:center;gap:2px;padding:1px;display:flex}.device-media-status button svg{width:16px;height:16px}.device-media-status button:disabled{opacity:.45;cursor:default}.classroom-scene .device-media-status button.is-live{color:#426c51;background:#dfeccc;border-color:#adc5a5;box-shadow:inset 0 0 5px #66885712}.device-media-status i{background:#64835b;border-radius:50%;width:3px;height:3px}.device-activity{background:#fbfdfb8c;border:1px solid #c4d3c859;border-radius:6px;flex-direction:column;flex:1;min-height:0;margin:clamp(8px,6.67cqw,16px) 3px 0;padding:4px 6px;display:flex}.device-laptop .device-activity{margin-top:8px}.device-activity .activity-box{flex-direction:column;flex:1;gap:2px;min-height:0;margin:0;padding:0;display:flex}.classroom-scene .device-activity :is(p,textarea){width:100%;max-width:146px;height:100%;min-height:0;max-height:41px;box-shadow:none;resize:none;color:#42534b;font:13px/1.45 var(--device-font);overflow-wrap:anywhere;white-space:pre-wrap;background:0 0;border:0;border-radius:0;flex:1;margin:0;padding:0}.device-activity p{scrollbar-width:thin;overflow-y:auto}.device-activity textarea{overflow:hidden}.device-activity small{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.classroom-board-settings>div{justify-content:space-between;margin:12px 0;display:flex}.classroom-scene .room-collaboration-trigger{container-type:size}.classroom-scene .room-collaboration-trigger .prop-taskboard{transform-origin:50% 92%;transform:scale(1.08)}.classroom-scene .room-collaboration-trigger i{--taskboard-fit-width:min(100cqw, calc(100cqh * 6 / 7));left:calc(50cqw + var(--taskboard-fit-width) * .198);top:calc(100cqh * 1.0064 - var(--taskboard-fit-width) * .99);color:#fff3d8;transform-origin:0 100%;background:#b77660;border:2px solid #e5c997;border-radius:8px 6px 9px 5px;place-items:center;min-width:24px;height:25px;padding:0 5px;font:13px/1 Classroom Sans,sans-serif;display:grid;position:absolute;right:auto;transform:translate(-55%,-40%)rotate(4deg);box-shadow:1px 2px #735b3826}@container (max-width:210px){.device-screen{padding-top:1px;padding-bottom:5px}.device-identity{flex-basis:29px;max-width:calc(100% - 79px);height:29px}.device-name{height:32px;margin-top:7px;font-size:16px}.device-media-status{top:2.5px}.classroom-scene .device-media-status button{width:24px;min-width:24px;height:24px;font-size:7px}.device-activity,.device-laptop .device-activity{margin-top:7px;padding:3px}.classroom-scene .device-activity :is(p,textarea){font-size:11px;line-height:1.4}}.room-audio-enable,.room-microphone-error{z-index:25;color:#514d3c;background:#fff7e6;border:1px solid #bcac8b;border-radius:8px;padding:8px 12px;position:fixed;bottom:180px;left:50%;transform:translate(-50%)}@font-face{font-family:Device Nunito;src:url(/classroom/fonts/nunito-latin-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Device Nunito;src:url(/classroom/fonts/nunito-latin-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap;unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.blackboard-cabinet[data-has-previous=true]{--peek-left:var(--board-peek)}.blackboard-cabinet[data-has-next=true]{--peek-right:var(--board-peek)}.blackboard-cabinet[data-has-previous=false][data-has-next=false] .blackboard-back{display:none}.board-layer-side:hover{background:#edf0cc12}.board-layer-side:focus-visible{outline-offset:-3px;outline:2px dashed #f6f1dc}.classroom-scene .device-media-status button{letter-spacing:-.03em;flex-shrink:0}.classroom-scene .device-media-status button:focus-visible{outline-offset:-2px;outline:2px solid #658d7b}.classroom-scene .prop-calendar-entry{background-image:url(/classroom/calendar-entry.svg)}.classroom-scene .desk-media{gap:clamp(6px,1vw,14px)}.classroom-scene .desk-media .calendar-entry-button{flex-grow:1.35;max-width:144px}.classroom-scene .side-tabs:after{content:"";left:calc(-1 * var(--chat-paper-inset));right:calc(-1 * var(--chat-paper-inset));pointer-events:none;background:#b99c755e;height:2px;position:absolute;bottom:0}.classroom-scene .todo-paper-card{background:linear-gradient(#fffdf4e8,#fffdf4e8),var(--paper) center / 500px;min-width:0;box-shadow:none;--todo-font:"School Caveat","Classroom Yan","Long Cang",cursive;border:0;border-radius:0;padding:11px 13px 4px}.classroom-scene .todo-paper-card+.todo-paper-card{border-top:2px solid #b99c755e}.classroom-scene .todo-paper-card .activity-heading{border:0;flex:none;align-items:center;gap:7px;min-height:29px;margin:0;padding:0 0 4px;display:flex}.classroom-scene .todo-paper-card .activity-heading>strong{font:400 23px/1.1 var(--todo-font);text-overflow:ellipsis;white-space:nowrap;color:#615948;max-width:45%;overflow:hidden}.classroom-scene .todo-paper-card .todo-note{flex-shrink:1;width:min(100px,38%);min-width:0;margin-left:auto;position:relative}.classroom-scene .todo-note input{color:#655747;width:100%;min-height:0;box-shadow:none;font:400 22px/1.15 var(--todo-font);text-align:center;background:0 0;border:0;border-bottom:1px solid #d3c9b8;border-radius:0;padding:0 2px 2px;display:block}.classroom-scene .todo-note input:focus{border-bottom-color:#9d8e71;outline:none}.todo-note small{z-index:2;background:#fff9e8;width:145px;font-size:11px;position:absolute;right:0}.classroom-scene .todo-paper-card .task-person-list{outline-offset:-2px;scrollbar-color:#baa88a66 transparent;overflow-x:hidden}.classroom-scene .todo-paper-card .task-list{background:repeating-linear-gradient(#0000 0 35px,#b5b9b340 35px 36px,#0000 36px 38px) 29px 0/calc(100% - 29px) 100% no-repeat;min-height:100%;padding:0;display:block}.classroom-scene .todo-paper-card .task-row{background:0 0;border:0;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:5px;height:38px;min-height:38px;padding:0;display:grid}.classroom-scene .todo-paper-card .task-copy{border-bottom:0;min-width:0;height:34px;display:block;overflow:hidden}.classroom-scene .todo-paper-card .task-copy strong{color:#5d554a;max-width:100%;font:400 25px/33px var(--todo-font);overflow-wrap:normal;text-overflow:clip;white-space:nowrap;display:block;overflow:hidden}.classroom-scene .todo-paper-card .task-row.is-done .task-copy strong{color:#8d8475;-webkit-text-decoration:line-through #8d847599;text-decoration:line-through #8d847599;text-decoration-thickness:1px}.classroom-scene .todo-hand-check{opacity:1;cursor:pointer;background:0 0;border:0;border-radius:0;place-items:center;width:24px;height:30px;min-height:0;padding:0;display:grid}.todo-hand-check>span{border:1.2px solid #9c9687;border-radius:1px 2px 1px 1px;width:14px;height:15px;display:block;position:relative;transform:rotate(-3deg)}.todo-hand-check[aria-checked=true]>span:after{content:"";border:2px solid #696955;border-width:0 2px 2px 0;border-radius:0 0 2px;width:7px;height:14px;position:absolute;top:-3px;left:3px;transform:rotate(38deg)skewY(-8deg)}.todo-hand-check:disabled{cursor:default}.todo-hand-check:focus-visible{outline-offset:-2px;outline:1px dashed #857961}