*{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}:root{--bg:#f4f1de;--surface:#fff;--surface-2:#f0f0f0;--border:#00000014;--border-strong:#0000002e;--text:#1a1a1a;--text-muted:#666;--accent:#7e3eef;--accent-hover:#6f30db;--grid-dot:#00000014;--shadow-pill:0 4px 14px #00000014, 0 1px 2px #0000000d;--shadow-note:0 2px 6px #0000001f;--shadow-note-hover:0 6px 18px #0000002e;--shadow-note-drag:0 10px 24px #00000038;--shadow-fab:0 4px 14px #0000002e, 0 1px 3px #00000014;--note-yellow:oklch(88% .12 90);--note-orange:oklch(85% .14 50);--note-purple:oklch(82% .1 320);--note-blue:oklch(85% .1 240);--note-green:oklch(85% .12 140);--note-peach:oklch(85% .1 70);--note-text:#222;--note-input-bg:#ffffff73;--note-input-bg-focus:#fffc;--note-placeholder:#0000004d;--note-glyph:#00000080;--note-glyph-hover:#000000d9;--note-glyph-bg-hover:#0000001a}.dark{--bg:#0e0e13;--surface:#18181f;--surface-2:#22222b;--border:#ffffff14;--border-strong:#ffffff2e;--text:#e5e5e7;--text-muted:#8a8a93;--accent:#a371f7;--accent-hover:#b387f8;--grid-dot:#ffffff0d;--shadow-pill:0 4px 14px #0006, 0 1px 2px #0003;--shadow-note:0 2px 8px #0006;--shadow-note-hover:0 8px 22px #0000008c;--shadow-note-drag:0 12px 30px #0009;--shadow-fab:0 4px 14px #0000004d, 0 1px 3px #00000026;--note-yellow:oklch(67.132% .13331 90.376);--note-orange:oklch(50% .13 50);--note-purple:oklch(50% .1 320);--note-blue:oklch(50% .1 240);--note-green:oklch(50% .11 140);--note-peach:oklch(50% .09 70);--note-text:#ffffffeb;--note-input-bg:#ffffff1f;--note-input-bg-focus:#fff3;--note-placeholder:#fff6;--note-glyph:#ffffff8c;--note-glyph-hover:#ffffffe6;--note-glyph-bg-hover:#ffffff1f}.theme-toggle[data-v-8ec62818]{cursor:pointer;color:var(--text-muted);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;margin-left:4px;padding:5px;transition:background .15s,color .15s;display:flex}.theme-toggle[data-v-8ec62818]:hover{color:var(--text);background:var(--surface-2)}header[data-v-5aa09f81]{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-pill);z-index:10;white-space:nowrap;color:var(--text);border-radius:999px;align-items:center;gap:8px;padding:7px 8px 7px 16px;font-size:.85rem;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}header .username[data-v-5aa09f81]{color:var(--text);font-weight:600}.dot[data-v-5aa09f81]{background:#ccc;border-radius:50%;width:8px;height:8px;display:inline-block}.dot.open[data-v-5aa09f81]{background:#4caf50}.dot.connecting[data-v-5aa09f81]{background:#ff9800}.dot.closed[data-v-5aa09f81]{background:#f44336}.note[data-v-123beba5]{box-shadow:var(--shadow-note);border-radius:6px;flex-direction:column;transition:box-shadow .15s;display:flex;position:absolute;overflow:visible}.note[data-v-123beba5]>*{position:relative}.note .handle[data-v-123beba5],.note textarea[data-v-123beba5],.note .palette[data-v-123beba5]{flex-shrink:0}.note[data-v-123beba5]:hover{box-shadow:var(--shadow-note-hover)}.note.dragging[data-v-123beba5]{box-shadow:var(--shadow-note-drag)}.note.selected[data-v-123beba5]{outline:2px solid var(--accent);outline-offset:2px}.note.edited-by-other[data-v-123beba5]{outline:2px solid var(--editor-color);outline-offset:2px}.handle[data-v-123beba5]{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;background:#00000012;border-top-left-radius:6px;border-top-right-radius:6px;justify-content:space-between;align-items:center;height:22px;padding:0 4px 0 8px;display:flex}.handle[data-v-123beba5]:active{cursor:grabbing}.grip[data-v-123beba5]{background-image:radial-gradient(var(--note-glyph) 1px, transparent 1.5px);background-size:4px 4px;width:16px;height:8px}.close[data-v-123beba5]{cursor:pointer;color:var(--note-glyph);background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;padding:3px;display:flex}.close[data-v-123beba5]:hover{background:var(--note-glyph-bg-hover);color:var(--note-glyph-hover)}.note textarea[data-v-123beba5]{background:var(--note-input-bg);resize:none;font:inherit;cursor:text;color:var(--note-text);border:0;border-radius:3px;outline:none;flex:1;margin:8px;padding:6px 8px;font-size:14px;transition:background .15s}.note textarea[data-v-123beba5]:focus{background:var(--note-input-bg-focus)}.note textarea[data-v-123beba5]::placeholder{color:var(--note-placeholder);font-style:italic}.palette[data-v-123beba5]{gap:5px;padding:0 8px 8px;display:flex}.swatch[data-v-123beba5]{cursor:pointer;border:1px solid #00000026;border-radius:50%;width:14px;height:14px;padding:0;transition:transform .1s}.swatch[data-v-123beba5]:hover{transform:scale(1.18)}.swatch.active[data-v-123beba5]{outline:2px solid var(--note-glyph-hover);outline-offset:1px}.resize-handle[data-v-123beba5]{cursor:nwse-resize;width:16px;height:16px;color:var(--note-glyph);opacity:.4;touch-action:none;justify-content:flex-end;align-items:flex-end;padding:1px;transition:opacity .15s;display:flex;position:absolute;bottom:0;right:0}.note:hover .resize-handle[data-v-123beba5],.resize-handle[data-v-123beba5]:hover{opacity:1}.editing-badge[data-v-123beba5]{color:#fff;white-space:nowrap;pointer-events:none;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:500;position:absolute;top:-10px;left:8px;box-shadow:0 1px 2px #0003}.reactions[data-v-123beba5]{flex-wrap:wrap;gap:4px;max-width:calc(100% - 16px);display:flex;position:absolute;bottom:-12px;left:8px}.reaction-chip[data-v-123beba5]{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:3px;padding:1px 7px;font-size:11px;display:flex;box-shadow:0 1px 2px #0000001a}.reaction-chip.mine[data-v-123beba5]{background:color-mix(in srgb, var(--accent) 20%, var(--surface));border-color:var(--accent)}.reaction-chip[data-v-123beba5]:hover{border-color:var(--accent)}.reaction-chip .count[data-v-123beba5]{color:var(--text-muted);font-weight:500}.reaction-chip.mine .count[data-v-123beba5]{color:var(--text)}.add-reaction[data-v-123beba5]{border:1px solid var(--border);background:var(--surface);cursor:pointer;opacity:0;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:12px;transition:opacity .15s;display:flex;position:absolute;top:-10px;right:22px;box-shadow:0 1px 3px #00000026}.note:hover .add-reaction[data-v-123beba5],.add-reaction[data-v-123beba5]:hover{opacity:1}.emoji-picker[data-v-123beba5]{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-pill);z-index:999997;border-radius:999px;gap:2px;padding:4px;display:flex;position:absolute;top:-42px;right:-4px}.emoji-picker button[data-v-123beba5]{cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:16px;display:flex}.emoji-picker button[data-v-123beba5]:hover{background:var(--surface-2)}.cursor[data-v-185681c6]{pointer-events:none;z-index:1000000;transition:left 60ms linear,top 60ms linear;position:absolute;transform:translate(-3px,-2px)}.cursor-label[data-v-185681c6]{color:#fff;white-space:nowrap;border-radius:3px;padding:2px 6px;font-size:11px;font-weight:500;position:absolute;top:16px;left:18px;box-shadow:0 1px 2px #0003}.board[data-v-14016138]{background:var(--bg);background-image:radial-gradient(var(--grid-dot) 1px, transparent 1px);-webkit-user-select:none;user-select:none;touch-action:none;background-size:20px 20px;width:100%;height:100%;position:relative;overflow:hidden}.board.space-down[data-v-14016138]{cursor:grab}.board.panning[data-v-14016138]{cursor:grabbing}.canvas[data-v-14016138]{transform-origin:0 0;width:100%;height:100%;position:absolute;top:0;left:0}.lasso[data-v-14016138]{border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 15%, transparent);pointer-events:none;z-index:999998;position:absolute}.fab[data-v-9c48d3b8]{background:var(--accent);color:#fff;cursor:pointer;width:56px;height:56px;box-shadow:var(--shadow-fab);z-index:9999999;border:0;border-radius:50%;justify-content:center;align-items:center;transition:transform .1s,background .15s;display:flex;position:fixed;bottom:18px;right:18px}.fab[data-v-9c48d3b8]:hover{background:var(--accent-hover)}.fab[data-v-9c48d3b8]:active{transform:scale(.94)}