body :is(.coop-workflows,.room-settings-dialog,.cloud-modal.cloud-drive,.coop-editor){--page:#f4f3ee;--panel:#faf9f5;--soft:#f0eee6;--ink:#3d3929;--muted:#777468;--line:#dedbd2;--line-strong:#aaa599;--theme-seed:#c96442;--theme-accent:#c96442;--theme-accent-dark:#98482f;--theme-accent-hover:#b55436;--theme-soft:#f6e6de;--on-accent:#fffaf6;--shadow-rgb:61 57 41;color:var(--ink);background:var(--panel);accent-color:var(--theme-accent)}body .room-settings-dialog :is(.settings-close,.room-settings-sections>button,.settings-seat-choices span){background:var(--panel)}body .room-settings-dialog .room-settings-sections>button.active,body .room-settings-dialog .settings-seat-choices input:checked+span{background:var(--theme-soft);color:var(--theme-accent-dark)}body .room-settings-dialog .settings-save{background:var(--theme-accent);border-color:var(--theme-accent)}body .room-settings-dialog .settings-save:hover:not(:disabled){background:var(--theme-accent-hover)}body .room-settings-dialog .settings-seat-choices input:focus-visible+span{outline-color:var(--theme-accent-dark)}
.mobile-room-nav,.mobile-workflow-nav,.mobile-room-error{display:none}@media (max-width:720px),(max-width:960px) and (max-height:500px) and (pointer:coarse){html:has([data-mobile-panel]){overscroll-behavior:none;height:100%;min-height:0;overflow:hidden}html:has([data-mobile-panel]) body{overscroll-behavior:none;height:100%;min-height:0;overflow:hidden}.classroom-scene[data-mobile-panel]{inset:var(--room-viewport-top,0px) 0 auto;height:var(--room-viewport-height,100dvh);min-height:0;max-height:none;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) 0 max(8px, env(safe-area-inset-left));--desk-overlap:0px;--chat-bottom-inset:0px;--chat-paper-inset:10px;grid-template-rows:minmax(0,1fr) auto;gap:8px;display:grid;position:fixed;overflow:hidden}.classroom-scene[data-mobile-panel]>.workspace{grid-template:minmax(0,1fr)/minmax(0,1fr);grid-area:1/1;gap:0;width:100%;height:100%;min-height:0;margin:0;display:grid}.classroom-scene[data-mobile-panel] .focus-stage,.classroom-scene[data-mobile-panel] .side-panel{grid-area:1/1;width:100%;min-width:0;height:100%;min-height:0;max-height:none;margin:0}.classroom-scene[data-mobile-panel]:not([data-mobile-panel=board]) .focus-stage,.classroom-scene[data-mobile-panel=board] .side-panel,.classroom-scene[data-mobile-panel=desk]>.workspace,.classroom-scene[data-mobile-panel]:not([data-mobile-panel=desk])>.scene-desks,.classroom-scene[data-mobile-panel]:not([data-mobile-panel=desk])>.wall-exit{display:none}.classroom-scene[data-mobile-panel]>.mobile-room-nav{padding:5px 0 max(8px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--page);z-index:20;grid-area:2/1;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.mobile-room-nav button,.mobile-workflow-nav button{min-width:0;min-height:44px;font:500 15px/1.3 var(--classroom-ui-font,inherit);color:var(--ink);cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:8px;padding:8px 4px}.mobile-room-nav button[aria-pressed=true],.mobile-workflow-nav button[aria-pressed=true]{color:var(--on-accent);background:var(--theme-accent)}.mobile-room-nav button:focus-visible,.mobile-workflow-nav button:focus-visible{outline:2px solid var(--theme-accent-dark);outline-offset:-3px}.classroom-scene[data-mobile-panel] .side-panel{border-width:4px;border-radius:10px;padding-top:4px;overflow:hidden}.classroom-scene[data-mobile-panel] .side-tabs{align-items:center;height:48px;padding-right:48px}.classroom-scene[data-mobile-panel] .side-tabs>button{display:none}.classroom-scene[data-mobile-panel] .side-tabs>button.active{height:44px;color:var(--ink);text-align:left;background:0 0;flex:0 auto;padding-inline:8px;font-size:19px;display:block}.classroom-scene[data-mobile-panel] .chat-bell-host{transform-origin:100% 0;top:-5px;right:-4px;transform:scale(.8)}.classroom-scene[data-mobile-panel] .chat-view{overflow:hidden}.classroom-scene[data-mobile-panel] .message-list{overscroll-behavior:contain;padding-block:12px}.classroom-scene[data-mobile-panel] .message{max-width:92%}.classroom-scene[data-mobile-panel] .message p{font-size:16px}.classroom-scene[data-mobile-panel] .chat-form{overscroll-behavior:contain;gap:5px;max-height:55%;padding-top:6px;overflow-y:auto}.classroom-scene[data-mobile-panel] .chat-input-row{grid-template-columns:44px 44px minmax(0,1fr) 56px;align-items:end;gap:4px;display:grid}.classroom-scene[data-mobile-panel] .chat-attach-button{grid-area:1/1}.classroom-scene[data-mobile-panel] .chat-voice-button{grid-area:1/2}.classroom-scene[data-mobile-panel] .chat-input-row textarea{grid-area:1/3;width:100%;min-width:0;height:52px;min-height:44px;padding:8px;font-size:16px}.classroom-scene[data-mobile-panel] .chat-send-button{grid-area:1/4;align-self:stretch;width:56px;padding:8px}.classroom-scene[data-mobile-panel] .voice-recording{flex-wrap:wrap;grid-area:2/1/auto/-1;min-width:0}.classroom-scene[data-mobile-panel] .voice-recording button{width:44px;height:44px}.classroom-scene[data-mobile-panel] :is(.chat-attach-button,.chat-voice-button,.chat-send-button){min-width:44px;height:auto;min-height:44px}.classroom-scene[data-mobile-panel] .chat-form :is(.chat-image-preview,.chat-file-preview){max-height:80px;overflow:auto}.classroom-scene[data-mobile-panel] .chat-image-preview img{max-height:70px}.classroom-scene[data-mobile-panel] .task-view{min-height:0;overflow:hidden}.classroom-scene[data-mobile-panel] .task-person-list{overscroll-behavior:contain}.classroom-scene[data-mobile-panel=board]>.workspace{padding-top:22px;padding-bottom:12px}.classroom-scene[data-mobile-panel] .focus-stage{border-width:8px}.classroom-scene[data-mobile-panel] .focus-stage:before{inset:-8px}.classroom-scene[data-mobile-panel] .object-button.projector-control{width:110px;top:-28px}.classroom-scene[data-mobile-panel] .projection-sheet{inset:-8px 0 8px}.classroom-scene[data-mobile-panel] .chalk-date{font-size:18px;top:48px}.classroom-scene[data-mobile-panel] .chalk-public-tasks{inset:100px 7% 64px}.classroom-scene[data-mobile-panel] .chalk-lettering{font-size:28px}.classroom-scene[data-mobile-panel] .media-window-actions{flex-wrap:wrap;max-width:calc(100% - 16px)}.classroom-scene[data-mobile-panel]>.scene-desks{overscroll-behavior:contain;grid-area:1/1;grid-template-rows:auto auto auto;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:end;gap:12px 8px;width:100%;height:100%;min-height:0;padding:26px 12px 18px;display:grid;overflow:hidden auto}.classroom-scene[data-mobile-panel] .classroom-desk{min-height:0;padding:0 4px 10px}.classroom-scene[data-mobile-panel] .classroom-desk:nth-child(-n+2){grid-column:1/-1}.classroom-scene[data-mobile-panel] .device-card{width:min(100% - 54px,280px)}.classroom-scene[data-mobile-panel] .device-identity{flex:0 0 24px;max-width:100%;height:24px;margin-top:0}.classroom-scene[data-mobile-panel] .device-name{height:24px;margin:0;font-size:16px}.classroom-scene[data-mobile-panel] .device-media-status{flex-shrink:0;justify-content:center;gap:2px;position:static}.classroom-scene[data-mobile-panel] .device-media-status button{width:44px;min-width:44px;height:44px;font-size:11px}.classroom-scene[data-mobile-panel] .device-activity{flex:1;margin-top:2px;padding:2px}.classroom-scene[data-mobile-panel] .device-activity :is(p,textarea){max-width:none;max-height:none;font-size:16px;line-height:1.3}.classroom-scene[data-mobile-panel] :is(.desk-media,.desk-room){padding-top:0}.classroom-scene[data-mobile-panel] :is(.desk-media,.desk-room) :is(.object-button,.room-collaboration-trigger,.settings-button){min-width:44px;height:94px}.classroom-scene[data-mobile-panel]>.wall-exit{top:max(8px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:10;width:66px;height:44px;position:absolute;bottom:auto}.classroom-scene[data-mobile-panel]>:is(.room-microphone-error,.error-message){z-index:25;max-height:30%;position:absolute;top:8px;left:12px;right:12px;overflow:auto}.classroom-scene[data-mobile-panel]>.mobile-room-error{bottom:calc(68px + env(safe-area-inset-bottom));z-index:25;max-height:30%;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:8px;margin:0;padding:10px;font-size:14px;display:block;position:absolute;left:16px;right:16px;overflow:auto}html[data-mobile-room] body :is(.room-collaboration-dialog,.coop-workflows,.room-settings-dialog,.duo-calendar,.duo-calendar-editor){inset:var(--room-viewport-top,0px) 0 auto;width:100%;max-width:none;height:var(--room-viewport-height,100dvh);max-height:var(--room-viewport-height,100dvh);box-sizing:border-box;min-height:0;padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom));border-radius:0;margin:0;position:fixed}html[data-mobile-room] body .room-collaboration-dialog{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}html[data-mobile-room] .coop-surface{border-radius:0}html[data-mobile-room] .coop-members{grid-template-rows:none;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;height:auto;min-height:0}html[data-mobile-room] .coop-members>.coop-column{min-height:220px;max-height:50dvh}html[data-mobile-room] .coop-column.buffer{flex:0 38%;min-height:140px}html[data-mobile-room] .coop-workflow-detail{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:8px;min-height:0}html[data-mobile-room] .mobile-workflow-nav{flex-shrink:0;grid-area:1/1;grid-template-columns:1fr 1fr;display:grid}html[data-mobile-room] .coop-workflow-detail>:is(.coop-workflow-main,.coop-workflow-settings){grid-area:2/1;min-height:0}html[data-mobile-room] .coop-workflow-detail[data-mobile-section=history]>.coop-workflow-settings,html[data-mobile-room] .coop-workflow-detail[data-mobile-section=settings]>.coop-workflow-main{display:none}html[data-mobile-room] .coop-workflow-detail[data-mobile-section=settings]>.coop-workflow-settings{border:0;padding:0;display:flex;overflow-y:auto}html[data-mobile-room] .coop-workflow-settings .workflow-description-input{flex:0 0 150px}html[data-mobile-room] .room-settings-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}html[data-mobile-room] .room-settings-sections{border-right:0;border-bottom:1px solid var(--line);padding:6px 12px;display:flex;overflow-x:auto}html[data-mobile-room] .room-settings-sections>button{flex:none;width:auto;min-height:44px}html[data-mobile-room] .room-settings-content{padding:16px}html[data-mobile-room] .modal-backdrop{top:var(--room-viewport-top,0px);height:var(--room-viewport-height,100dvh);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);bottom:auto}html[data-mobile-room] .cloud-modal.cloud-drive{border-radius:0;width:100%;height:100%;min-height:0;max-height:100%}html[data-mobile-room] .cloud-drive .cloud-dropzone{overscroll-behavior:contain;min-height:0}html[data-mobile-room] .sync-modal{max-height:100%;overflow-y:auto}html[data-mobile-room] .duo-calendar{--axis-width:40px}html[data-mobile-room] .dc-toolbar{gap:6px;min-height:0;padding:8px 12px}html[data-mobile-room] .dc-toolbar-end{margin-left:auto}html[data-mobile-room] .dc-calendar-viewport{overscroll-behavior:contain;margin-right:4px;overflow:auto}html[data-mobile-room] .dc-calendar-grid{min-height:650px}html[data-mobile-room] .duo-calendar[data-view=day] .dc-calendar-grid{min-width:0}html[data-mobile-room] .dc-calendar-top{position:sticky;top:0}html[data-mobile-room] .dc-icon{min-width:40px;min-height:44px}html[data-mobile-room] .dc-view-switch button{min-width:36px;min-height:44px}html[data-mobile-room] .duo-calendar-editor[open]{flex-direction:column;display:flex}html[data-mobile-room] .duo-calendar-editor form{flex:1;overflow-y:auto}html[data-mobile-room] .duo-calendar-editor .dc-course-list{flex-shrink:0;overflow:visible}html[data-mobile-room] :is(input:not([type=checkbox]):not([type=radio]),textarea,select,[contenteditable=true]){font-size:16px}}