*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#1c1c1c;font-family:system-ui,sans-serif}.app{flex-direction:column;height:100vh;display:flex}.app-body{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.home-link{color:#888;padding:0 4px;font-size:16px;text-decoration:none}.home-link:hover{color:#333}.home{max-width:640px;margin:0 auto;padding:40px 24px 80px}.home-header h1{margin:0 0 6px;font-size:22px}.home-sub{color:#777;margin:0 0 20px;font-size:14px;line-height:1.5}.home-error{color:#b33;margin-bottom:12px;font-size:13px}.new-board-btn{cursor:pointer;background:#fff;border:1px dashed #999;border-radius:6px;width:100%;margin-bottom:28px;padding:12px;font-size:14px;display:block}.new-board-btn:hover{background:#f5f5f5;border-color:#333}.board-list{flex-direction:column;gap:8px;display:flex}.board-row{align-items:stretch;gap:8px;display:flex}.board-open-btn{text-align:left;cursor:pointer;color:inherit;background:#fff;border:1px solid #ddd;border-radius:6px;flex-direction:column;flex:1;gap:2px;padding:10px 14px;text-decoration:none;display:flex}.board-open-btn:hover{background:#f7f7f7;border-color:#999}.board-id{font-family:ui-monospace,monospace;font-size:13px}.board-date{color:#999;font-size:11px}.board-delete-btn{color:#b33;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:0 14px;font-size:12px}.board-delete-btn:hover{background:#ffecec;border-color:#e99}.modal-backdrop{z-index:10;background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;max-width:420px;padding:20px 22px;box-shadow:0 8px 30px #0003}.modal p{margin:0 0 16px;font-size:14px;line-height:1.5}.modal code{background:#f2f2f2;border-radius:3px;padding:1px 5px;font-size:12px}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-actions button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;padding:6px 14px}.modal-confirm{color:#fff;background:#c0392b!important;border-color:#c0392b!important}.toolbar{background:#fafafa;border-bottom:1px solid #ddd;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 14px;display:flex}.toolbar .spacer{flex:1}.status{background:#eee;border-radius:10px;padding:2px 8px;font-size:12px}.status-connected{color:#1a7d3a;background:#d4f4dd}.status-connecting{color:#8a6d00;background:#fff3cd}.doc-name{color:#888;font-size:12px}.role-chip{text-transform:uppercase;letter-spacing:.04em;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.role-chip.role-teacher{color:#fff;background:#2c3e50}.role-chip.role-student{color:#555;background:#e9e9e9}.teacher-capture{background:#fffbea;border-bottom:1px solid #ddd;padding:8px 14px}.teacher-capture-input{align-items:center;gap:6px;display:flex}.teacher-capture-input input{border:1px solid #ddd;border-radius:4px;flex:1;padding:6px 10px;font-size:13px}.capture-tag{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:10px;padding:3px 9px;font-size:11px}.capture-tag:disabled{cursor:default;opacity:.5}.capture-tag-mistake{background:#ffc9c9;border-color:#ffc9c9}.capture-tag-pronunciation{background:#c7e8ff;border-color:#c7e8ff}.capture-tag-vocab{background:#fff1a8;border-color:#fff1a8}.capture-tag-personal{background:#d8f5d8;border-color:#d8f5d8}.teacher-capture-log{color:#555;max-height:80px;margin:6px 0 0;padding:0;font-size:12px;list-style:none;overflow-y:auto}.teacher-capture-log li{align-items:baseline;gap:6px;padding:2px 0;display:flex}.presence{gap:4px;display:flex}.peer-chip{color:#fff;border-radius:8px;padding:2px 6px;font-size:11px}.group{align-items:center;gap:4px;margin-right:8px;display:flex}.group-label{color:#888;margin-right:2px;font-size:11px}.toolbar button,.format-bar button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;padding:4px 8px;font-size:13px}.toolbar button:hover,.format-bar button:hover{background:#f0f0f0}.format-bar button.active{color:#fff;background:#333;border-color:#333}.format-bar{background:#fcfcfc;border-bottom:1px solid #ddd;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 14px;display:flex}.tool-btn{padding:4px 8px!important;font-size:11px!important}.swatch-btn{border-radius:4px;width:20px;height:20px;box-shadow:inset 0 0 0 1px #00000040;border:2px solid #0000!important;padding:0!important}.swatch-btn.active{border-color:#333!important}.laser-btn.active{color:#fff;background:#e60000!important;border-color:#e60000!important}.scroll-container{scroll-snap-type:y proximity;flex:1;overflow-y:auto}.editor-column{min-height:100%;padding:20px 0 60vh}.ProseMirror{outline:none;max-width:800px;margin:0 auto;padding:0 24px;line-height:1.6}.ProseMirror h1,.ProseMirror h2{scroll-snap-align:start;align-items:baseline;gap:6px;scroll-margin-top:54px;display:flex;position:relative}.h-toggle{-webkit-user-select:none;user-select:none;cursor:pointer;color:#999;width:16px;font-size:.6em;display:inline-block}.h-toggle:hover{color:#333}.pm-heading-collapsed{opacity:.7}.pm-hidden{display:none!important}mark[data-color]{color:inherit;border-radius:2px;padding:0 1px}.image-ink-node{margin:14px 0}.image-ink-toolbar{gap:6px;margin-bottom:4px;display:flex}.image-ink-toolbar .swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;padding:0}.image-ink-toolbar .swatch.active{border-color:#333}.image-ink-toolbar .tool-btn{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px;padding:2px 8px;font-size:11px}.image-ink-toolbar .tool-btn.active{color:#fff;background:#333}.image-ink-wrap{isolation:isolate;max-width:100%;display:inline-block;position:relative}.image-ink-wrap img{border-radius:4px;max-width:100%;height:auto;display:block}.image-ink-canvas{touch-action:none;cursor:crosshair;mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0}.image-ink-resize{cursor:nwse-resize;z-index:3;touch-action:none;opacity:.45;background:#333;border:2px solid #fff;border-radius:4px;width:16px;height:16px;position:absolute;bottom:-7px;right:-7px}.image-ink-wrap:hover .image-ink-resize{opacity:1}.editor-wrap{position:relative}.laser-layer{pointer-events:none;z-index:20;position:absolute;inset:0;overflow:hidden}.laser-dot{background:radial-gradient(circle at 35% 35%,#fff 0 12%,#ff4d4d 38%,#e60000 100%);border-radius:50%;width:36px;height:36px;margin:-18px 0 0 -18px;transition:left 50ms linear,top 50ms linear;position:absolute;box-shadow:0 0 0 4px #fffffff2,0 0 26px 12px #ff0000b3}.laser-dot:after{content:"";border:4px solid #ff2828e6;border-radius:50%;animation:1.1s ease-out infinite laser-pulse;position:absolute;inset:-6px}@keyframes laser-pulse{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(3)}}.collaboration-carets__caret{word-break:normal;pointer-events:none;border-left:1px solid;border-right:1px solid;margin-left:-1px;margin-right:-1px;position:relative}.collaboration-carets__label{color:#fff;white-space:nowrap;border-radius:3px 3px 3px 0;padding:1px 5px;font-size:11px;font-weight:600;position:absolute;top:-1.1em;left:-1px}.ProseMirror ul,.ProseMirror ol{margin:4px 0;padding-left:1.6em}.ProseMirror li p{margin:0}.ProseMirror blockquote{color:#555;border-left:3px solid #bbb;margin:8px 0;padding:2px 0 2px 14px}.ProseMirror a{color:#1565c0;cursor:text;text-decoration:underline}.ProseMirror a:hover{color:#0d47a1}.ProseMirror ul[data-type=taskList]{padding-left:4px;list-style:none}.ProseMirror ul[data-type=taskList] li{align-items:flex-start;gap:8px;display:flex}.ProseMirror ul[data-type=taskList] li>label{-webkit-user-select:none;user-select:none;flex:none;margin-top:.35em}.ProseMirror ul[data-type=taskList] li>label input{cursor:pointer;width:16px;height:16px}.ProseMirror ul[data-type=taskList] li>div{flex:1}.ProseMirror h1[style*="text-align: center"],.ProseMirror h2[style*="text-align: center"]{justify-content:center}.ProseMirror h1[style*="text-align: right"],.ProseMirror h2[style*="text-align: right"]{justify-content:flex-end}.ProseMirror .tableWrapper{margin:10px 0;overflow-x:auto}.ProseMirror table{border-collapse:collapse;table-layout:fixed;width:100%;overflow:hidden}.ProseMirror td,.ProseMirror th{vertical-align:top;box-sizing:border-box;border:1px solid #b5b5b5;min-width:1em;padding:6px 8px;position:relative}.ProseMirror td>p,.ProseMirror th>p{margin:0}.ProseMirror th{text-align:left;background:#f1f1f1;font-weight:600}.ProseMirror .selectedCell:after{content:"";pointer-events:none;background:#508cff2e;position:absolute;inset:0}.ProseMirror .column-resize-handle{pointer-events:none;background:#5b9bff;width:4px;position:absolute;top:0;bottom:0;right:-2px}.ProseMirror.resize-cursor{cursor:col-resize}.size-select{background:#fff;border:1px solid #ccc;border-radius:4px;padding:3px 4px;font-size:13px}.pron-btn{font-weight:600}.pron-panel{z-index:40;background:#fff;border:1px solid #ccc;border-radius:10px;width:340px;padding:12px 14px 14px;position:absolute;top:12px;right:18px;box-shadow:0 10px 34px #00000038}.pron-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pron-close{cursor:pointer;color:#777;background:0 0;border:none;font-size:20px;line-height:1}.pron-input{resize:vertical;width:100%;font:inherit;border:1px solid #ccc;border-radius:6px;padding:8px 10px;font-size:14px}.pron-go{color:#fff;cursor:pointer;background:#2c3e50;border:none;border-radius:6px;width:100%;margin-top:6px;padding:7px;font-size:13px}.pron-go:disabled{opacity:.5;cursor:default}.pron-error{color:#b33;margin-top:8px;font-size:13px}.pron-card{background:#f6f7f9;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:2px 8px;margin-top:10px;padding:8px 10px;display:grid}.pron-label{color:#777;text-transform:uppercase;letter-spacing:.04em;grid-column:1/-1;font-size:11px}.pron-value{word-break:break-word;-webkit-user-select:text;user-select:text;font-size:18px;line-height:1.35}.pron-ipa{font-family:Charis SIL,Doulos SIL,Gentium Plus,Lucida Sans Unicode,Segoe UI,sans-serif}.pron-copy{cursor:pointer;background:#fff;border:1px solid #bbb;border-radius:5px;padding:4px 10px;font-size:12px}.pron-copy:hover{background:#eee}