.classroom{overflow-x:hidden}.classroom__board{font-family:Georgia,Times New Roman,serif;font-size:20px;line-height:1.6}.dark #whiteboard{background-color:#1e293b;color:#f1f5f9;caret-color:#f1f5f9}.dark #whiteboard [style*="color: rgb(0, 0, 0)"],.dark #whiteboard [style*="color:rgb(0,0,0)"],.dark #whiteboard [style*="color: black"],.dark #whiteboard [style*="color:black"],.dark #whiteboard [style*="color: #000"],.dark #whiteboard [style*="color:#000"],.dark #whiteboard font[color="#000000"]{color:#f1f5f9!important}.classroom__board[contenteditable=true]:empty:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none}.dark #whiteboard[contenteditable=true]:empty:before{color:#64748b}.classroom__board img{max-width:100%;height:auto}.classroom__board h1{font-size:32px;font-weight:700;margin-bottom:.75rem}.classroom__board h2{font-size:26px;font-weight:700;margin-bottom:.75rem}.classroom__board p{margin-bottom:.75rem}.toolbar-chip{display:inline-flex;align-items:center;gap:.25rem;min-height:2.5rem;padding:.5rem .75rem;font-size:.875rem;white-space:nowrap;border:1px solid #d1d5db;border-radius:.375rem;color:#374151;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.toolbar-chip:hover{background-color:#f9fafb}.dark .toolbar-chip{border-color:#4b5563;color:#e2e8f0}.dark .toolbar-chip:hover{background-color:#374151}.fmt-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;min-height:2.5rem;padding:.5rem .75rem;border:1px solid transparent;border-radius:.375rem;font-size:1rem;color:#374151;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.fmt-btn:hover{background-color:#f3f4f6}.fmt-btn.is-active{background-color:#e0e7ff;border-color:#c7d2fe;color:#4338ca}.fmt-btn:disabled{opacity:.4;cursor:not-allowed}.dark .fmt-btn{color:#d1d5db}.dark .fmt-btn:hover{background-color:#374151}.dark .fmt-btn.is-active{background-color:#3730a3;border-color:#4f46e5;color:#e0e7ff}.fmt-sep{display:inline-block;width:1px;height:1.5rem;margin:0 .25rem;flex-shrink:0;background-color:#d1d5db}.dark .fmt-sep{background-color:#4b5563}.toolbar-dropdown{position:fixed;z-index:9999;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:calc(100vh - 16px);overflow-y:auto}.dark .toolbar-dropdown{background-color:#1e293b;border-color:#334155;color:#f1f5f9}.fmt-swatch{width:32px;height:32px;border-radius:.25rem;border:1px solid rgba(0,0,0,.15);cursor:pointer;transition:transform .1s ease}.fmt-swatch:hover{transform:scale(1.1)}.fmt-size-item{display:flex;align-items:center;min-height:2.5rem;padding:.5rem .75rem;font-size:1rem;color:#374151;text-align:left;white-space:nowrap;border-radius:.25rem;cursor:pointer}.fmt-size-item:hover{background-color:#f3f4f6}.dark .fmt-size-item{color:#d1d5db}.dark .fmt-size-item:hover{background-color:#374151}.fmt-size-item.is-active{background-color:#e0e7ff;color:#3730a3;font-weight:600}.dark .fmt-size-item.is-active{background-color:#3730a3;color:#e0e7ff}#board-stage:fullscreen{width:100vw;height:100vh;background-color:#f3f4f6}.dark #board-stage:fullscreen{background-color:#111827}.classroom [x-ref=chat]{overflow-wrap:anywhere}.classroom__canvas{touch-action:none;display:block}.draw-size-btn{display:inline-flex;align-items:center;justify-content:center}.draw-size-dot{display:inline-block;border-radius:9999px;background-color:#374151}.dark .draw-size-dot{background-color:#d1d5db}.draw-color-preview{display:inline-block;width:14px;height:14px;border-radius:9999px;border:1px solid rgba(0,0,0,.2)}.dark .draw-color-preview{border-color:#ffffff4d}.zoom-badge{display:inline-flex;align-items:center;justify-content:center;min-width:3rem;height:2.5rem;padding:0 .75rem;border:1px solid #e5e7eb;border-radius:9999px;font-size:.75rem;font-variant-numeric:tabular-nums;color:#4b5563;background-color:#f9fafb;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zoom-badge:hover{background-color:#f3f4f6}.dark .zoom-badge{color:#d1d5db;border-color:#374151;background-color:#1f2937}.dark .zoom-badge:hover{background-color:#374151}.canvas-text-input{position:absolute;background:transparent;border:1px dashed rgba(99,102,241,.5);border-radius:2px;padding:2px 4px;outline:none;min-width:100px;font-family:sans-serif;line-height:1;z-index:100}.classroom__status-dot{display:inline-block;width:8px;height:8px;border-radius:9999px;background:#ef4444;box-shadow:0 0 #ef444499;animation:classroom-pulse 1.6s infinite}@keyframes classroom-pulse{0%{box-shadow:0 0 #ef444499}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}@media(prefers-reduced-motion:reduce){.classroom__status-dot{animation:none}}.chat-message-text{white-space:pre-wrap;word-break:break-word}.chat-edit-input{width:100%;min-width:12rem}.classroom__cursor{margin-left:-2px;margin-top:-2px;transition:left 75ms linear,top 75ms linear;will-change:left,top}@media(prefers-reduced-motion:reduce){.classroom__cursor{transition:none}}.classroom-toolbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;position:relative;z-index:20}.classroom-toolbar::-webkit-scrollbar{height:6px}.classroom-toolbar::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:9999px}.dark .classroom-toolbar::-webkit-scrollbar-thumb{background-color:#4b5563}.content-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;min-height:2.5rem;padding:.5rem .75rem;font-size:1rem;text-align:left;white-space:nowrap;color:#374151;cursor:pointer}.content-menu-item:hover{background-color:#f3f4f6}.dark .content-menu-item{color:#e5e7eb}.dark .content-menu-item:hover{background-color:#374151}.chat-composer-input{min-height:4.5rem}.classroom__board-container{position:relative;z-index:0}.fmt-swatch--highlight{width:24px;height:24px;border:1px solid rgba(0,0,0,.25);background-image:linear-gradient(45deg,rgba(0,0,0,.06) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.06) 75%),linear-gradient(45deg,rgba(0,0,0,.06) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.06) 75%);background-size:8px 8px;background-position:0 0,4px 4px}.fmt-swatch--highlight.is-active{outline:2px solid #3b82f6;outline-offset:1px}.dark .fmt-swatch--highlight{border-color:#ffffff59}.classroom__board mark{background-color:#facc1566;color:inherit}@media(max-width:1023px){.classroom__sidebar{display:none;width:100%;border-left:0}.classroom__sidebar--chat,.classroom__sidebar--participants{display:flex;position:fixed;top:0;left:0;right:0;height:100vh;height:100dvh;z-index:40}.classroom__sidebar--chat .classroom__participants-block,.classroom__sidebar--participants .classroom__chat-block,.classroom__resize-handle{display:none}}@media(min-width:1024px){.classroom__panel-header{display:none}}.classroom__typing{flex-shrink:0;height:1.25rem;padding:0 .75rem;font-size:.75rem;line-height:1.25rem;font-style:italic;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .classroom__typing{color:#9ca3af}.classroom__chat-fab{position:fixed;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom,0px));width:3.5rem;height:3.5rem;border-radius:9999px;align-items:center;justify-content:center;font-size:1.5rem;background-color:#2563eb;color:#fff;box-shadow:0 4px 14px #00000040;z-index:30}.classroom__chat-fab:hover{background-color:#1d4ed8}.classroom__chat-fab-badge{position:absolute;top:-2px;right:-2px;min-width:1.25rem;height:1.25rem;padding:0 .25rem;border-radius:9999px;background-color:#dc2626;color:#fff;font-size:.6875rem;font-weight:700;line-height:1.25rem;text-align:center}@media(max-width:1023px){.classroom__chat-fab{display:flex}}@media(min-width:1024px){.classroom__chat-fab{display:none}}@media(max-width:1023px){.classroom__right-column{display:contents}.classroom__audio-bar{position:fixed;left:.75rem;right:5rem;bottom:calc(.75rem + env(safe-area-inset-bottom,0px));height:48px;display:flex;align-items:center;gap:.5rem;padding:0 .5rem;border-top:0;border-radius:9999px;background-color:#fff;box-shadow:0 4px 14px #00000040;z-index:35}.dark .classroom__audio-bar{background-color:#1e293b}.classroom__audio-main,.classroom__audio-extra{display:contents}.classroom__audio-name,.classroom__audio-skip,.classroom__audio-speed-label{display:none}.classroom__audio-bar audio{flex:1;min-width:0;order:1}.classroom__audio-restart{order:2}.classroom__audio-speed{order:3}.classroom__audio-stop{order:4}}.classroom__board--marking{cursor:crosshair}.more-menu{width:min(17rem,calc(100vw - 1rem));max-height:calc(100vh - 5rem)}.more-menu__label{padding:.5rem .75rem .25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.dark .more-menu__label{color:#94a3b8}.more-menu__grid{display:flex;flex-wrap:wrap;gap:.25rem;padding:0 .75rem .5rem}.more-menu__swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:.25rem;padding:0 .75rem .5rem}.more-menu__divider{height:1px;margin:.25rem 0;background-color:#e2e8f0}.dark .more-menu__divider{background-color:#334155}.more-menu__danger{color:#dc2626;font-weight:600}.more-menu__danger:hover{background-color:#fef2f2}.dark .more-menu__danger{color:#f87171}.dark .more-menu__danger:hover{background-color:#7f1d1d66}.content-menu-item:disabled{opacity:.45;cursor:not-allowed}