*{box-sizing:border-box}html,body,#app{height:100%;margin:0;padding:0}body{font-family:system-ui,sans-serif}header[data-v-7d8dd575]{z-index:10;white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:7px 16px;font-size:.85rem;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000014,0 1px 2px #0000000d}header .username[data-v-7d8dd575]{color:#333;font-weight:600}header .sep[data-v-7d8dd575]{color:#ccc}header .hint[data-v-7d8dd575]{color:#888}.dot[data-v-7d8dd575]{background:#ccc;border-radius:50%;width:8px;height:8px;display:inline-block}.dot.open[data-v-7d8dd575]{background:#4caf50}.dot.connecting[data-v-7d8dd575]{background:#ff9800}.dot.closed[data-v-7d8dd575]{background:#f44336}.board[data-v-7d8dd575]{-webkit-user-select:none;user-select:none;background:#f4f1de radial-gradient(#00000014 1px,#0000 1px) 0 0/20px 20px;width:100%;height:100%;position:relative;overflow:hidden}.note[data-v-7d8dd575]{border-radius:4px;flex-direction:column;width:180px;height:180px;transition:box-shadow .15s;display:flex;position:absolute;overflow:hidden;box-shadow:0 2px 6px #0000001f}.note[data-v-7d8dd575]:hover{box-shadow:0 6px 18px #0000002e}.note.dragging[data-v-7d8dd575]{box-shadow:0 10px 24px #00000038}.handle[data-v-7d8dd575]{cursor:grab;-webkit-user-select:none;user-select:none;background:#00000012;justify-content:space-between;align-items:center;height:22px;padding:0 4px 0 8px;display:flex}.handle[data-v-7d8dd575]:active{cursor:grabbing}.grip[data-v-7d8dd575]{background-image:radial-gradient(#00000073 1px,#0000 1.5px);background-size:4px 4px;width:16px;height:8px}.close[data-v-7d8dd575]{cursor:pointer;color:#00000080;background:0 0;border:0;border-radius:3px;justify-content:center;align-items:center;padding:3px;display:flex}.close[data-v-7d8dd575]:hover{color:#000000d9;background:#0000001a}.note textarea[data-v-7d8dd575]{resize:none;font:inherit;cursor:text;color:#222;background:#ffffff73;border:0;border-radius:3px;outline:none;flex:1;margin:8px;padding:6px 8px;font-size:14px;transition:background .15s}.note textarea[data-v-7d8dd575]:focus{background:#fffc}.note textarea[data-v-7d8dd575]::placeholder{color:#0000004d;font-style:italic}.palette[data-v-7d8dd575]{gap:5px;padding:0 8px 8px;display:flex}.swatch[data-v-7d8dd575]{cursor:pointer;border:1px solid #00000026;border-radius:50%;width:14px;height:14px;padding:0;transition:transform .1s}.swatch[data-v-7d8dd575]:hover{transform:scale(1.18)}.swatch.active[data-v-7d8dd575]{outline-offset:1px;outline:2px solid #0000008c}