*{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}.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{border-left:1px solid #ddd;align-items:center;gap:4px;padding-left:10px;display:flex}.group:first-child{border-left:none;padding-left:0}.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;border:2px solid #0000!important;padding:0!important}.swatch-btn.active{border-color:#333!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{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;width:100%;height:100%;position:absolute;inset:0}.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}