*{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}.scroll-container.is-following{scroll-snap-type:none}.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}.login-form{flex-direction:column;gap:8px;max-width:320px;display:flex}.login-form input{border:1px solid #ccc;border-radius:6px;padding:9px 12px;font-size:15px}.logout-link{float:right;color:#777;cursor:pointer;background:0 0;border:none;font-size:12px;text-decoration:underline}.open-banner{color:#7a5a00;background:#fff4d6;border:1px solid #f0d58a;border-radius:6px;margin-bottom:18px;padding:8px 12px;font-size:12.5px;line-height:1.45}.open-banner code{background:#00000012;border-radius:3px;padding:0 4px}.board-title{font-size:14px;font-weight:600}.board-date .board-id{font-family:ui-monospace,monospace}.title-btn,.title-static,.title-input{font:inherit;font-size:15px}.title-btn{cursor:text;border-radius:5px;font-weight:700;background:0 0!important;border:1px solid #0000!important;padding:2px 6px!important}.title-btn:hover{background:#fff!important;border-color:#ccc!important}.title-btn.untitled,.title-static.untitled{color:#999;font-weight:500}.title-input{border:1px solid #2c3e50;border-radius:5px;min-width:240px;padding:2px 6px;font-weight:700}.teacher-login-link{color:#888;font-size:12px}.open-banner-slim{border-left:none;border-right:none;border-radius:0;margin:0;padding:5px 14px;font-size:12px}.peer-hand{animation:1.2s ease-in-out infinite hand-pulse}.peer-lowerable{cursor:pointer;outline:2px solid #00000040}@keyframes hand-pulse{0%,to{box-shadow:0 0 #ffbe0000}50%{box-shadow:0 0 0 4px #ffbe00d9}}.hand-btn.active{background:#fc3!important;border-color:#e0a800!important}.done-btn.active{color:#fff;background:#2e9e57!important;border-color:#2e9e57!important}.follow-btn.active,.timer-btn.active{color:#fff;background:#1565c0!important;border-color:#1565c0!important}.follow-chip{color:#1565c0;background:#e4efff;border:none;border-radius:10px;padding:2px 9px;font-size:12px}.follow-resume{color:#5a4300;cursor:pointer;background:#fc3;font-weight:600}.stamp{-webkit-user-select:none;user-select:none;padding:0 1px;font-size:1.15em;font-weight:700}.stamp.ProseMirror-selectednode{border-radius:3px;outline:2px solid #5b9bff}.format-bar .stamp-btn,.image-ink-toolbar .stamp-btn{padding:2px 8px;font-size:16px;font-weight:700;line-height:1}.image-ink-toolbar .stamp-btn{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:4px}.image-ink-toolbar .stamp-btn.active{background:#333}.timer-pill{font-variant-numeric:tabular-nums;color:#fff;background:#1565c0;border-radius:10px;padding:2px 10px;font-size:13px;font-weight:700}.timer-pill.paused{background:#8a8a8a}.timer-pill.finished{background:#d62828;animation:.7s steps(2,jump-none) infinite timer-flash}@keyframes timer-flash{50%{opacity:.35}}.timer-pop{z-index:40;background:#fff;border:1px solid #ccc;border-radius:10px;width:270px;padding:12px 14px;position:absolute;top:12px;right:376px;box-shadow:0 10px 34px #00000038}.timer-presets{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.timer-presets button,.timer-running button,.timer-custom button{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;padding:5px 10px;font-size:13px}.timer-presets button:hover,.timer-running button:hover,.timer-custom button:hover:not(:disabled){background:#eee}.timer-custom{gap:6px;margin-bottom:8px;display:flex}.timer-custom input{border:1px solid #ccc;border-radius:6px;flex:1;min-width:0;padding:5px 8px}.timer-running{gap:6px;display:flex}.pron-head{gap:8px}.pron-head strong{flex:1}.pron-lang{background:#fff;border:1px solid #ccc;border-radius:4px;padding:2px 4px;font-size:12px}.h-toggle.h-locked{cursor:default;opacity:.55}.slash-menu{background:#fff;border:1px solid #ccc;border-radius:10px;width:290px;max-height:320px;padding:4px;overflow-y:auto;box-shadow:0 10px 34px #00000038}.slash-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;align-items:flex-start;width:100%;padding:6px 10px;display:flex}.slash-item.selected{background:#eef3fb}.slash-title{font-size:13.5px;font-weight:600}.slash-hint{color:#777;font-size:11.5px}.slash-empty{color:#888;padding:8px 10px;font-size:13px}.print-header{display:none}@media print{@page{margin:16mm}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}html,body,#root{height:auto!important}.app,.app-body,.scroll-container{scroll-snap-type:none!important;height:auto!important;display:block!important;overflow:visible!important}.toolbar,.format-bar,.teacher-capture,.open-banner,.pron-panel,.timer-pop,.laser-layer,.slash-menu,.image-ink-toolbar,.image-ink-resize,.collaboration-carets__caret,.follow-chip,.h-toggle{display:none!important}.print-header{border-bottom:1px solid #999;justify-content:space-between;align-items:baseline;margin-bottom:14px;padding-bottom:6px;font-size:14px;display:flex!important}.editor-column{padding:0!important}.ProseMirror{max-width:none!important;padding:0!important}.pm-hidden{display:block!important}.pm-heading-collapsed{opacity:1!important}.ProseMirror h1,.ProseMirror h2{break-after:avoid}.ProseMirror table,.ProseMirror tr,.image-ink-node{break-inside:avoid}.image-ink-wrap img{max-width:100%}}.dashboard-login{text-align:center;max-width:320px;margin-bottom:18px;padding:10px 12px;text-decoration:none;display:block}.gone-banner{color:#8a1f1f;background:#fde8e8;border-bottom:1px solid #f1b5b5;padding:8px 14px;font-size:13.5px}.gone-banner a{color:inherit;margin-left:6px;font-weight:600}