:root{--accent: #464cce;--accent-hover: #3a40b8;--accent-soft: rgba(70, 76, 206, .18);--accent-shadow: rgba(70, 76, 206, .35);--sticky-ink: #2b2a33;--presence-1: #e0475c;--presence-2: #2f9e77;--presence-3: #aafef5;--presence-4: #2b2a33;--ok: #2f9e77;--radius-panel: 12px;--radius-card: 9px;--radius-control: 7px;--radius-tool: 8px;--canvas: #f2f2f5;--canvas-dot: #d4d4dc;--surface: #ffffff;--surface-2: #f2f2f5;--text: #2b2a33;--text-secondary: #55545e;--text-muted: #8a8894;--text-disabled: #c2c1c9;--border: #dcdce4;--border-subtle: #e8e8ee;--connection: #8a8894;--frame-fill: rgba(255, 255, 255, .7);--shadow-panel: 0 6px 20px rgba(43, 42, 51, .16);--shadow-card: 0 2px 8px rgba(43, 42, 51, .08);--shadow-flyout: 0 4px 14px rgba(43, 42, 51, .14);--link: #464cce;--link-hover: #3a40b8}html.dark{--canvas: #19192c;--canvas-dot: rgba(173, 176, 255, .14);--surface: #212135;--surface-2: #323248;--text: #ebecff;--text-secondary: #b1b2d2;--text-muted: #595a7d;--text-disabled: #3b3b52;--border: #3b3b52;--border-subtle: #2a2a45;--connection: rgba(173, 176, 255, .6);--frame-fill: rgba(33, 33, 53, .75);--shadow-panel: 0 8px 24px rgba(0, 0, 0, .5);--shadow-card: 0 2px 8px rgba(0, 0, 0, .4);--shadow-flyout: 0 4px 14px rgba(0, 0, 0, .5);--link: #adb0ff;--link-hover: #cecff0;color-scheme:dark}@media (prefers-color-scheme: dark){html:not(.light){--canvas: #19192c;--canvas-dot: rgba(173, 176, 255, .14);--surface: #212135;--surface-2: #323248;--text: #ebecff;--text-secondary: #b1b2d2;--text-muted: #595a7d;--text-disabled: #3b3b52;--border: #3b3b52;--border-subtle: #2a2a45;--connection: rgba(173, 176, 255, .6);--frame-fill: rgba(33, 33, 53, .75);--shadow-panel: 0 8px 24px rgba(0, 0, 0, .5);--shadow-card: 0 2px 8px rgba(0, 0, 0, .4);--shadow-flyout: 0 4px 14px rgba(0, 0, 0, .5);--link: #adb0ff;--link-hover: #cecff0;color-scheme:dark}}html{font-family:Raleway,sans-serif;color:var(--text);font-size:16px}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--link);cursor:pointer}h2{margin-top:0;font-size:1.3em;font-weight:normal}input{font-size:1.1rem;user-select:text}input[type=text]{-webkit-border-radius:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;border:solid 1px #d1d1d1;outline:none;padding:.2em .5ch}textarea{font-size:1rem;font-family:Raleway,sans-serif}button{cursor:pointer;font-size:1rem;border:1px solid #e0475c;color:#e0475c;border-radius:6px;margin:0;padding:0;width:auto;overflow:visible;outline:none;background:transparent;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none;padding:.2em 2em;max-height:2em}button.mini{width:1.5em;margin:.3em;padding:0}button:hover{text-decoration:none}button:disabled{border-color:var(--text-disabled);color:var(--text-disabled)}body{margin:0;padding:0;overscroll-behavior-x:none}select{border:0;border-bottom:1px solid var(--text);font:.7em Raleway,sans-serif}select:focus{outline:0}#root.dashboard{min-height:100vh;display:flex;flex-direction:column;background:var(--canvas);color:var(--text);font-size:13px}#root.dashboard .dash-topbar{height:50px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border)}#root.dashboard .dash-topbar .brand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600}#root.dashboard .dash-topbar .logo-mark{width:22px;height:22px;border-radius:6px;background:var(--accent);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}#root.dashboard .dash-topbar .right{display:flex;align-items:center;gap:12px}#root.dashboard .dash-topbar .server-chip{font-family:"JetBrains Mono",Menlo,monospace;font-size:11px;color:var(--text-muted);background:color-mix(in srgb,var(--surface-2) 50%,transparent);border-radius:999px;padding:4px 12px}#root.dashboard .dash-topbar .avatar{width:28px;height:28px;border-radius:50%;background:var(--surface-2);color:var(--text);font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}#root.dashboard .dash-topbar .sign-in{color:var(--link);cursor:pointer}#root.dashboard .dash-body{flex:1;display:flex;min-height:0}#root.dashboard .dash-sidebar{width:270px;flex:none;padding:24px 20px;border-right:1px solid color-mix(in srgb,var(--border) 50%,transparent);display:flex;flex-direction:column;gap:10px}#root.dashboard .dash-sidebar h1{margin:0;font-size:24px;font-weight:600;letter-spacing:-.02em}#root.dashboard .dash-sidebar .count{margin:0 0 8px;color:var(--text-muted);font-size:11.5px}#root.dashboard .dash-sidebar .create-board{display:flex;flex-direction:column;gap:8px}#root.dashboard .dash-sidebar .create-board input{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:9px 12px;font-size:13px;color:var(--text);width:100%;box-sizing:border-box;height:auto}#root.dashboard .dash-sidebar .create-board input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}#root.dashboard .dash-sidebar .create-board button{background:var(--accent);color:#fff;border:none;border-radius:var(--radius-control);padding:9px 12px;font-size:12.5px;font-weight:600;cursor:pointer}#root.dashboard .dash-sidebar .create-board button:hover{background:var(--accent-hover)}#root.dashboard .dash-sidebar .create-board button:disabled{opacity:.5;cursor:default}#root.dashboard .dash-sidebar .create-board .board-options{font-size:12px;color:var(--text-muted)}#root.dashboard .dash-sidebar .micro-label{margin:14px 0 2px;font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}#root.dashboard .dash-sidebar .start-from{list-style:none;margin:0;padding:0}#root.dashboard .dash-sidebar .start-from li{padding:7px 9px;border-radius:6px;cursor:pointer}#root.dashboard .dash-sidebar .start-from li:hover{background:rgba(153,155,237,.12)}#root.dashboard .dash-sidebar .sidebar-footer{margin-top:auto;font-size:11px;color:var(--text-muted);line-height:1.5}#root.dashboard .dash-main{flex:1;padding:24px;overflow:auto}#root.dashboard .dash-main .recent-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}#root.dashboard .dash-main .recent-head h2{margin:0;font-size:15px;font-weight:600}#root.dashboard .dash-main .recent-head .sort-hint{font-size:11.5px;color:var(--text-muted)}#root.dashboard .dash-main .board-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}#root.dashboard .dash-main .board-card{position:relative;display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;text-decoration:none;color:var(--text);cursor:pointer}#root.dashboard .dash-main .board-card:hover{border-color:#adb0ff}#root.dashboard .dash-main .board-card:hover .remove{opacity:1}#root.dashboard .dash-main .board-card .thumb{height:120px;background-color:color-mix(in srgb,var(--surface) 60%,var(--canvas));background-image:radial-gradient(var(--canvas-dot) 1px,transparent 1px);background-size:14px 14px}#root.dashboard .dash-main .board-card .thumb svg{width:100%;height:100%}#root.dashboard .dash-main .board-card .card-body{padding:12px 14px}#root.dashboard .dash-main .board-card .name{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#root.dashboard .dash-main .board-card .subline{margin-top:2px;font-size:11.5px;color:var(--text-muted)}#root.dashboard .dash-main .board-card .remove{position:absolute;top:6px;right:8px;opacity:0;color:var(--text-muted);font-size:15px;line-height:1;padding:3px 6px;border-radius:5px;background:var(--surface)}#root.dashboard .dash-main .board-card .remove:hover{color:var(--text)}#root.dashboard .dash-main .board-card.new{display:flex;align-items:center;justify-content:center;min-height:170px;border-style:dashed;color:var(--text-muted);background:transparent}#root.dashboard .dash-main .board-card.new:hover{color:var(--link);border-color:var(--link)}#root.dashboard .dash-main .shared-row{margin-top:22px;padding-top:14px;border-top:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:14px;font-size:12.5px}#root.dashboard .dash-main .shared-row .label{color:var(--text-muted)}#root.dashboard .dash-main .shared-row a{color:var(--link);text-decoration:none}#root.dashboard .dash-main .shared-row a:hover{color:var(--link-hover)}@media (max-width: 700px){#root.dashboard .dash-body{flex-direction:column}#root.dashboard .dash-sidebar{width:auto;border-right:none;border-bottom:1px solid var(--border-subtle)}#root.dashboard .dash-sidebar .sidebar-footer{margin-top:10px}#root.dashboard .dash-main .board-grid{grid-template-columns:repeat(2,1fr)}#root.dashboard .dash-topbar .server-chip{display:none}}@media (max-width: 560px){#root.dashboard .dash-main .board-grid{grid-template-columns:1fr}}.dropshadow{box-shadow:3px 3px 15px 0px rgba(0,0,0,.16)}.dropshadow-shallow,#root.board-container .board .selection-control .corner-resize-drag{box-shadow:2px 2px 5px 0px rgba(0,0,0,.16)}.textshadow{text-shadow:-1px 2px 6px rgba(0,0,0,.3)}.disabled-interaction,#root.board-container header .user-info.logging-in-local,#root.board-container header .user-info.logging-in-server,#root.board-container:not(.online,.offline) header .controls .board-tool,#root.board-container:not(.online,.offline) header .controls>.history,#root.board-container:not(.online,.offline)>.content-container>.scroll-container>.border-container>.board .board-tool,#root.board-container:not(.online,.offline)>.content-container>.scroll-container>.border-container>.board>.history,#root.board-container:not(.online,.offline) header #board-info .board-tool,#root.board-container:not(.online,.offline) header #board-info>.history,#root.board-container:not(.online,.offline) .tool-layer .board-tool,#root.board-container:not(.online,.offline) .tool-layer>.history{opacity:.3;pointer-events:none}.checkbox{display:flex;cursor:pointer;width:100%;min-width:1em;gap:1em}.checkbox>.icon{background-image:url(./unchecked-checkbox.I4LBSQX4.png)}.checkbox>.icon.checked{background-image:url(./checked-checkbox.4OCPW5OD.png)}.icon{display:inline-block;width:1em;min-width:1em;height:1em;background-size:contain;background-repeat:no-repeat;font-size:1em!important}.icon.disabled{pointer-events:none;color:var(--text-disabled)}#root.board-container{width:100%;height:calc(100vh - 2em);display:flex;flex-direction:column}#root.board-container:not(.online,.offline)>.minimap{display:none}#root.board-container.embedded{font-size:100%}#root.board-container.embedded header,#root.board-container.embedded .navigation-toolbar,#root.board-container.embedded .history,#root.board-container.embedded .zoom-toolbar,#root.board-container.embedded .undo-redo-toolbar,#root.board-container.embedded .minimap{display:none!important}#root.board-container.embedded>.content-container>.scroll-container{overflow:hidden}#root.board-container.embedded>.content-container>.scroll-container .border-container{padding:0}#root.board-container *{box-sizing:border-box;user-select:none}#root.board-container *[contenteditable=true]{-webkit-user-select:text;user-select:text}#root.board-container>.content-container{flex-grow:1;height:80%;position:relative;margin-top:0}#root.board-container>.content-container>.scroll-container{height:100%;overflow:auto;background:var(--canvas)}#root.board-container>.content-container>.scroll-container .border-container{box-sizing:content-box}#root.board-container .board{background-color:var(--canvas);background-image:radial-gradient(circle,var(--canvas-dot) 1px,transparent 1px);width:100%;height:100%;position:relative}#root.board-container .board.pan{cursor:grab}#root.board-container .board.pan:active{cursor:grabbing}#root.board-container .board .selection-control{display:block;pointer-events:none;border:2px solid var(--link);position:absolute;z-index:40000006}#root.board-container .board .selection-control .corner-resize-drag{pointer-events:all;position:absolute;display:block;width:10px;height:10px;background:white;border-radius:20%;border:1px solid #cccccc}.touch #root.board-container .board .selection-control .corner-resize-drag{width:max(.8rem,min(1.5rem,1em));height:max(.8rem,min(1.5rem,1em))}#root.board-container .board .selection-control .corner-resize-drag.left.top,#root.board-container .board .selection-control .corner-resize-drag.right.bottom{cursor:nwse-resize}#root.board-container .board .selection-control .corner-resize-drag.left.bottom,#root.board-container .board .selection-control .corner-resize-drag.right.top{cursor:nesw-resize}#root.board-container .board .selection-control .corner-resize-drag.left{left:-7px}#root.board-container .board .selection-control .corner-resize-drag.right{right:-7px}#root.board-container .board .selection-control .corner-resize-drag.top{top:-7px}#root.board-container .board .selection-control .corner-resize-drag.bottom{bottom:-7px}#root.board-container .board .item,#root.board-container .board .video,#root.board-container .board .image,#root.board-container .board .container,#root.board-container .board>.text,#root.board-container .board .note{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}#root.board-container .board .item>.shape,#root.board-container .board .video>.shape,#root.board-container .board .image>.shape,#root.board-container .board .container>.shape,#root.board-container .board>.text>.shape,#root.board-container .board .note>.shape{position:absolute;z-index:-1;box-shadow:5px 5px 15px 0px rgba(0,0,0,.12);width:100%;height:100%;top:0;left:0;transition:all .1s}#root.board-container .board .item>.shape.round,#root.board-container .board .video>.shape.round,#root.board-container .board .image>.shape.round,#root.board-container .board .container>.shape.round,#root.board-container .board>.text>.shape.round,#root.board-container .board .note>.shape.round{border-radius:50%}#root.board-container .board .item>.shape.diamond,#root.board-container .board .video>.shape.diamond,#root.board-container .board .image>.shape.diamond,#root.board-container .board .container>.shape.diamond,#root.board-container .board>.text>.shape.diamond,#root.board-container .board .note>.shape.diamond{transform:rotate(45deg) scale(.707)}#root.board-container .board .item.color-ffffff00>.shape,#root.board-container .board .color-ffffff00.video>.shape,#root.board-container .board .color-ffffff00.image>.shape,#root.board-container .board .color-ffffff00.container>.shape,#root.board-container .board>.color-ffffff00.text>.shape,#root.board-container .board .color-ffffff00.note>.shape,#root.board-container .board .item.color-none>.shape,#root.board-container .board .color-none.video>.shape,#root.board-container .board .color-none.image>.shape,#root.board-container .board .color-none.container>.shape,#root.board-container .board>.color-none.text>.shape,#root.board-container .board .color-none.note>.shape{box-shadow:none;border:1px dashed #00000040}#root.board-container .board .item>.quill-wrapper,#root.board-container .board .video>.quill-wrapper,#root.board-container .board .image>.quill-wrapper,#root.board-container .board .container>.quill-wrapper,#root.board-container .board>.text>.quill-wrapper,#root.board-container .board .note>.quill-wrapper{width:100%;display:flex;padding:0}#root.board-container .board .item>.quill-wrapper *,#root.board-container .board .video>.quill-wrapper *,#root.board-container .board .image>.quill-wrapper *,#root.board-container .board .container>.quill-wrapper *,#root.board-container .board>.text>.quill-wrapper *,#root.board-container .board .note>.quill-wrapper *{user-select:initial}#root.board-container .board .item>.quill-wrapper>.quill-editor,#root.board-container .board .video>.quill-wrapper>.quill-editor,#root.board-container .board .image>.quill-wrapper>.quill-editor,#root.board-container .board .container>.quill-wrapper>.quill-editor,#root.board-container .board>.text>.quill-wrapper>.quill-editor,#root.board-container .board .note>.quill-wrapper>.quill-editor{width:100%;height:fit-content;overflow:visible}#root.board-container .board .item>.quill-wrapper>.quill-editor>.ql-editor,#root.board-container .board .video>.quill-wrapper>.quill-editor>.ql-editor,#root.board-container .board .image>.quill-wrapper>.quill-editor>.ql-editor,#root.board-container .board .container>.quill-wrapper>.quill-editor>.ql-editor,#root.board-container .board>.text>.quill-wrapper>.quill-editor>.ql-editor,#root.board-container .board .note>.quill-wrapper>.quill-editor>.ql-editor{padding:.1em}#root.board-container .board .item>.quill-wrapper>.quill-editor>.ql-editor ol,#root.board-container .board .video>.quill-wrapper>.quill-editor>.ql-editor ol,#root.board-container .board .image>.quill-wrapper>.quill-editor>.ql-editor ol,#root.board-container .board .container>.quill-wrapper>.quill-editor>.ql-editor ol,#root.board-container .board>.text>.quill-wrapper>.quill-editor>.ql-editor ol,#root.board-container .board .note>.quill-wrapper>.quill-editor>.ql-editor ol,#root.board-container .board .item>.quill-wrapper>.quill-editor>.ql-editor ul,#root.board-container .board .video>.quill-wrapper>.quill-editor>.ql-editor ul,#root.board-container .board .image>.quill-wrapper>.quill-editor>.ql-editor ul,#root.board-container .board .container>.quill-wrapper>.quill-editor>.ql-editor ul,#root.board-container .board>.text>.quill-wrapper>.quill-editor>.ql-editor ul,#root.board-container .board .note>.quill-wrapper>.quill-editor>.ql-editor ul{padding:0}#root.board-container .board .item>.quill-wrapper>.quill-editor .ql-cursors .ql-cursor-name,#root.board-container .board .video>.quill-wrapper>.quill-editor .ql-cursors .ql-cursor-name,#root.board-container .board .image>.quill-wrapper>.quill-editor .ql-cursors .ql-cursor-name,#root.board-container .board .container>.quill-wrapper>.quill-editor .ql-cursors .ql-cursor-name,#root.board-container .board>.text>.quill-wrapper>.quill-editor .ql-cursors .ql-cursor-name,#root.board-container .board .note>.quill-wrapper>.quill-editor .ql-cursors .ql-cursor-name{margin:.1em .4em .05em;font-size:min(1rem,.7em)}#root.board-container .board .item.text>.quill-wrapper,#root.board-container .board .text.video>.quill-wrapper,#root.board-container .board .text.image>.quill-wrapper,#root.board-container .board .text.container>.quill-wrapper,#root.board-container .board>.text>.quill-wrapper,#root.board-container .board .text.note>.quill-wrapper{height:100%}#root.board-container .board .note{font-family:Raleway,sans-serif;text-align:center}#root.board-container .board .note.locked{opacity:.5}#root.board-container .board .note small{display:block;font-size:.3em}#root.board-container .board .note .author{z-index:-1;font-family:Raleway,sans-serif;position:absolute;font-size:.5em;bottom:.2em;right:.2em;white-space:nowrap;overflow:hidden;max-width:100%;opacity:.5}#root.board-container .board>.text{box-shadow:none;align-items:flex-start;justify-content:flex-start}#root.board-container .board>.text>.shape{border:none!important;box-shadow:none}#root.board-container .board .item .editable,#root.board-container .board .video .editable,#root.board-container .board .image .editable,#root.board-container .board .container .editable,#root.board-container .board .note .editable,#root.board-container .board>.text .editable{outline:none}#root.board-container .board .video .edge-drag,#root.board-container .board .container .edge-drag{background:transparent;cursor:grab;position:absolute}#root.board-container .board .video .edge-drag.left,#root.board-container .board .container .edge-drag.left{top:0;left:0;height:100%;width:1rem}#root.board-container .board .video .edge-drag.left:hover,#root.board-container .board .container .edge-drag.left:hover{background:linear-gradient(90deg,rgba(0,0,0,.1) 0%,transparent 100%)}#root.board-container .board .video .edge-drag.right,#root.board-container .board .container .edge-drag.right{top:0;right:0;height:100%;width:1rem}#root.board-container .board .video .edge-drag.right:hover,#root.board-container .board .container .edge-drag.right:hover{background:linear-gradient(270deg,rgba(0,0,0,.1) 0%,transparent 100%)}#root.board-container .board .video .edge-drag.top,#root.board-container .board .container .edge-drag.top{top:0;left:0;width:100%;height:1rem}#root.board-container .board .video .edge-drag.top:hover,#root.board-container .board .container .edge-drag.top:hover{background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,transparent 100%)}#root.board-container .board .video .edge-drag.bottom,#root.board-container .board .container .edge-drag.bottom{bottom:0;left:0;width:100%;height:1rem}#root.board-container .board .video .edge-drag.bottom:hover,#root.board-container .board .container .edge-drag.bottom:hover{background:linear-gradient(0deg,rgba(0,0,0,.1) 0%,transparent 100%)}#root.board-container .board .container{cursor:initial;align-items:flex-start;justify-content:flex-start}#root.board-container .board .container>.text{margin-left:.5em;margin-top:.5em;z-index:1}#root.board-container .board .container>.hidden-contents-indicator{position:absolute;width:100%;height:100%;display:flex;opacity:.1;justify-content:center;align-items:center}#root.board-container .board .container>.hidden-contents-indicator>svg{width:20%}#root.board-container .board .image img{width:100%;height:100%}#root.board-container .board .image.locked{opacity:.5}#root.board-container .board .video video{width:calc(100% - 2 * 1rem);height:calc(100% - 2 * 1rem)}#root.board-container .board .cursor{z-index:40000008;pointer-events:none;position:absolute;display:block;transition-timing-function:ease-in-out}#root.board-container .board .cursor.stale{animation:10s 1 fadeout;opacity:.1}@keyframes fadeout{0%{opacity:1}to{opacity:.1}}#root.board-container .board .cursor .arrow{transform:rotate(-35deg);display:block;width:0px;height:0 px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid var(--link)}#root.board-container .board .cursor .userInfo{display:flex;align-items:center;margin-left:.6rem}#root.board-container .board .cursor .userInfo img{border-radius:50%;max-width:1rem}#root.board-container .board .cursor .userInfo .text{font-size:.5rem;margin-left:.3em}#root.board-container .board .rectangular-selection{pointer-events:none;position:absolute;border:1px solid var(--link);background:#35b2dc33;z-index:40000008}#root.board-container .context-menu-positioner{z-index:400000010;position:absolute;pointer-events:none}#root.board-container .context-menu-positioner>*{font-size:1rem}.touch #root.board-container .context-menu-positioner>*{font-size:1.7rem}#root.board-container .context-menu-positioner .context-menu{pointer-events:all;padding:.5em;border:1px solid var(--border);border-radius:2px;background:var(--surface);display:grid;grid-column-gap:.5em;grid-row-gap:.5em;grid-auto-flow:column;cursor:pointer}#root.board-container .context-menu-positioner .context-menu.hidden{display:none}#root.board-container .context-menu-positioner .context-menu .icon-group{grid-auto-flow:column}#root.board-container .context-menu-positioner.item-bottom .context-menu{margin-top:.8em}#root.board-container .context-menu-positioner.item-bottom .submenu{top:3.1em}#root.board-container .context-menu-positioner.item-top .context-menu{margin-top:-2.5em}#root.board-container .context-menu-positioner.item-top .submenu{bottom:2.7em}#root.board-container .context-menu-positioner .icon-group{display:inline-grid;grid-column-gap:.5em;grid-row-gap:.5em}#root.board-container .context-menu-positioner .icon.color{height:1em;width:1em;display:inline-block}#root.board-container .context-menu-positioner .icon.color.white,#root.board-container .context-menu-positioner .icon.color.transparent{border:1px solid #eeeeee;background:repeating-conic-gradient(#dddddd 0% 25%,transparent 0% 50%) 50%/.5em .5em}#root.board-container .context-menu-positioner .icon.color.new-color{position:relative;background:conic-gradient(#ff5555 0%,#ffaa55 15%,#ffff55 30%,#55ff55 45%,#5555ff 60%,#aa55ff 75%,#ff55ff 90%,#ff5555 100%) 50%;border-radius:50%}#root.board-container .context-menu-positioner .icon.color.new-color>input[type=color]{position:absolute;width:100%;height:100%;opacity:0;left:0;top:0}#root.board-container .context-menu-positioner .icon.disabled{color:var(--text-disabled);pointer-events:none}#root.board-container .context-menu-positioner .connection-ends .icon{display:flex;justify-content:center;align-items:center}#root.board-container .context-menu-positioner .submenu{pointer-events:all;padding:.5em;border:1px solid var(--border);border-radius:2px;background:var(--surface);display:flex;position:absolute;align-items:flex-start;left:0;margin:0}#root.board-container .context-menu-positioner .submenu>*:not(:first-child){margin-left:1em}#root.board-container .context-menu-positioner .submenu .colors{grid-template-columns:repeat(4,1fr)}#root.board-container .context-menu-positioner .submenu .shapes{grid-template-columns:repeat(2,1fr)}#root.board-container .context-menu-positioner .submenu.alignment.y{left:1.5em}#root.board-container .context-menu-positioner .submenu.alignment.x .icon-group{grid-auto-flow:column}#root.board-container svg.connections .connection{stroke:var(--connection);stroke-width:max(.1em,1.5px);stroke-linecap:round;fill:transparent}#root.board-container svg.connections .connection.selected{stroke:var(--link)}#root.board-container .connection-node{display:block;width:max(.4em,6px);height:max(.4em,6px);cursor:pointer;position:absolute}#root.board-container .connection-node.black-dot-style{background:var(--connection);border-radius:50%;width:max(.3em,6px);height:max(.3em,6px)}#root.board-container .connection-node.black-dot-style.highlight{background:var(--link)}#root.board-container .connection-node.arrow-style{box-shadow:none;background:transparent;width:0;height:0;border-top:max(.2em,3px) solid transparent;border-left:max(.6em,8px) solid var(--connection);border-bottom:max(.2em,3px) solid transparent}#root.board-container .connection-node.arrow-style.highlight{border-top:max(.3em,4.5px) solid transparent;border-left:max(.9em,12px) solid var(--link);border-bottom:max(.3em,4.5px) solid transparent}#root.board-container .connection-node-grabber-helper{position:absolute;transform:translate(-50%,-50%);z-index:100000;display:flex;align-items:center;justify-content:center;background:transparent;width:min(4em,2rem);height:min(4em,2rem);border-radius:50%;cursor:pointer}.board:not(.connect) #root.board-container .connection-node-grabber-helper:hover{background:rgba(0,0,0,.1)}#root.board-container .board.connect .item:hover,#root.board-container .board.connect .note:hover,#root.board-container .board.connect .board>.text:hover,#root.board-container .board.connect .container:hover,#root.board-container .board.connect .image:hover,#root.board-container .board.connect .video:hover{border:1px solid black}.board .reaction{position:absolute;z-index:40000009;pointer-events:none;font-size:3em;transform:translate(-50%,-100%);animation:reaction-float 2s ease-out forwards}@keyframes reaction-float{0%{opacity:0;transform:translate(-50%,-100%) scale(.5)}15%{opacity:1;transform:translate(-50%,-120%) scale(1.1)}to{opacity:0;transform:translate(-50%,-220%) scale(1)}}.board .connection-label{position:absolute;transform:translate(-50%,-50%);z-index:100001;font-size:1.4em;line-height:1.2;padding:.1em .4em;border-radius:.3em;background:var(--canvas);white-space:nowrap;cursor:text}.board .connection-label.placeholder{min-width:1.2em;min-height:1.2em;border:1px dashed #aaa}.board .connection-label.selected{outline:1px solid var(--link)}.board .item>.votes,#root.board-container .board .note>.votes,#root.board-container .board>.text>.votes,#root.board-container .board .container>.votes,#root.board-container .board .image>.votes,#root.board-container .board .video>.votes{position:absolute;right:-.6em;top:-.6em;min-width:1.6em;height:1.6em;padding:0 .4em;box-sizing:border-box;border-radius:.8em;background:#e0475c;color:#fff;font-size:1.4em;line-height:1.6em;text-align:center;cursor:pointer;user-select:none}.board .embed{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:.4em;overflow:hidden;box-shadow:5px 5px 15px 0px rgba(0,0,0,.12);cursor:pointer}.board .embed .embed-bar{flex:none;display:flex;justify-content:space-between;align-items:center;padding:.2em .6em;font-size:1.2em;color:var(--text-muted);background:var(--surface-2)}.board .embed .embed-bar a{color:inherit;text-decoration:none}.board .embed iframe{flex:1;width:100%;border:0;pointer-events:none;background:white}.board .embed.selected iframe{pointer-events:auto}.board.draw{cursor:crosshair}.board.draw .item,#root.board-container .board.draw .note,.board.draw #root.board-container .board>.text,#root.board-container .board.draw .board>.text,#root.board-container .board.draw .container,#root.board-container .board.draw .image,#root.board-container .board.draw .video,.board.draw .note,.board.draw .container,.board.draw .text,.board.draw .drawing,.board.draw .embed{pointer-events:none}.board .drawing{pointer-events:none}.board .drawing svg{display:block;overflow:visible}.board .drawing svg path{pointer-events:visibleStroke;cursor:pointer}.board .drawing.selected{outline:1px dashed var(--link)}.board .drawing .edge-drag,.board .drawing .lock{pointer-events:auto}.board .table{display:block;background:var(--surface);box-shadow:5px 5px 15px 0px rgba(0,0,0,.12);cursor:pointer;overflow:hidden}.board .table table{width:100%;height:100%;border-collapse:collapse;table-layout:fixed;color:var(--text)}.board .table td{border:1px solid var(--border);padding:.2em .4em;vertical-align:top;overflow:hidden;word-break:break-word}.board .table td>span{display:block;min-height:1em;pointer-events:none}.board .table.selected{outline:2px solid var(--link)}.board .table.selected td>span{pointer-events:auto;cursor:text}.board .table tr:first-child td{font-weight:600;background:var(--surface-2)}.board .group-outline{position:absolute;display:block;pointer-events:none;z-index:40000006;border:1px solid var(--link);border-radius:2px;opacity:.7;box-sizing:border-box}.board .group-outline.hover{opacity:.35;border-style:dashed}.board:not(.draw):not(.connect):not(.line) [data-itemid]:hover:not(.selected){outline:1px dashed rgba(53,178,220,.55);outline-offset:.25rem}.context-menu .colors .text-colors{display:flex;align-items:center;gap:.15em;width:100%;margin-top:.3em;padding-top:.3em;border-top:1px solid var(--border)}.context-menu .colors .text-colors .hint{font-size:.7em;color:var(--text-muted);margin-right:.3em}.context-menu .colors .text-colors .icon.text-color{display:inline-flex;align-items:center;justify-content:center;width:1.5em;height:1.5em;border-radius:3px;font-weight:700;cursor:pointer;background:var(--surface-2)}.context-menu .colors .text-colors .icon.text-color.auto{color:var(--text);background:linear-gradient(135deg,var(--surface-2) 50%,var(--text-muted) 50%)}.context-menu .colors .text-colors .icon.text-color.custom{position:relative;color:var(--text);background:conic-gradient(#ff5555,#ffff55,#55ff55,#5555ff,#ff55ff,#ff5555)}.context-menu .colors .text-colors .icon.text-color.custom input{position:absolute;inset:0;opacity:0;cursor:pointer}.context-menu .colors .text-colors .icon.text-color.custom span{pointer-events:none}.board .container{background:var(--frame-fill)!important;border:1px solid var(--border);border-radius:8px}.board .container>.shape{background:transparent!important;box-shadow:none}.board .container>.text,.board .container .editable{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.board [data-itemid].selected{box-shadow:0 0 0 1.5px var(--accent),0 0 0 5px var(--accent-soft)}.board .selection-control{border:1.5px solid var(--accent)}.board .selection-control .corner-resize-drag{width:8px;height:8px;background:#ffffff;border:1.5px solid var(--accent);border-radius:2px;box-shadow:none}#root.board-container>.content-container>.tool-layer{margin:0;z-index:400000010;position:absolute;pointer-events:none;width:100%;height:100%;top:0}#root.board-container>.content-container>.tool-layer>*{pointer-events:all}#root.board-container>.content-container>.tool-layer.read-only .main-toolbar,#root.board-container>.content-container>.tool-layer.read-only .undo-redo-toolbar{display:none}#root.board-container>.content-container>.tool-layer .toolbar,#root.board-container>.content-container>.tool-layer .undo-redo-toolbar,#root.board-container>.content-container>.tool-layer .main-toolbar,#root.board-container>.content-container>.tool-layer .navigation-toolbar{border:2px solid var(--canvas);box-shadow:0px 2px 6px 0px #00263a0f;display:inline-block;background:var(--surface);padding:.5em;border-radius:6px}#root.board-container>.content-container>.tool-layer .navigation-toolbar{position:absolute;left:1em;top:1em;font-size:.8em}#root.board-container>.content-container>.tool-layer .navigation-toolbar a{text-decoration:none;color:var(--text)}#root.board-container>.content-container>.tool-layer .navigation-toolbar a .icon{vertical-align:top;margin-right:.5em}@media (max-width: 700px){#root.board-container>.content-container>.tool-layer .navigation-toolbar{display:none}}#root.board-container>.content-container>.tool-layer .main-toolbar{position:fixed;display:flex;align-items:center}#root.board-container>.content-container>.tool-layer .main-toolbar.vertical{padding:.5em .8em .2em .5em;flex-direction:column;top:50%;transform:translateY(-50%)}#root.board-container>.content-container>.tool-layer .main-toolbar.horizontal{padding:.5em .4em .2em;flex-direction:row;top:3rem;left:50%;transform:translateX(-50%)}@media (max-width: 700px){#root.board-container>.content-container>.tool-layer .main-toolbar.horizontal{top:2.4rem;width:100%;justify-content:center;height:5rem;border-radius:0;border:none}}#root.board-container>.content-container>.tool-layer .main-toolbar .new-item,#root.board-container>.content-container>.tool-layer .main-toolbar .tool{display:inline-flex;flex-direction:column;align-items:center;position:relative;margin:0 .2em .2em}@media (max-width: 700px){#root.board-container>.content-container>.tool-layer .main-toolbar .new-item,#root.board-container>.content-container>.tool-layer .main-toolbar .tool{margin:0 .1em .2em}}#root.board-container>.content-container>.tool-layer .main-toolbar .new-item .text,#root.board-container>.content-container>.tool-layer .main-toolbar .tool .text{margin:0;margin-top:.5em;font-size:.8em;text-align:center}#root.board-container>.content-container>.tool-layer .main-toolbar .new-item .icon,#root.board-container>.content-container>.tool-layer .main-toolbar .tool .icon{width:3em;cursor:pointer;margin:0;height:3em;padding:.5em .5rem}#root.board-container>.content-container>.tool-layer .main-toolbar .new-item.active .icon,#root.board-container>.content-container>.tool-layer .main-toolbar .tool.active .icon{background:var(--surface-2)}@media (max-width: 700px){.notouch #root.board-container>.content-container>.tool-layer .main-toolbar .duplicate{display:none}}@media (max-width: 500px){#root.board-container>.content-container>.tool-layer .main-toolbar .line{display:none}}@media (min-width: 701px){#root.board-container>.content-container>.tool-layer .main-toolbar .tool.undo,#root.board-container>.content-container>.tool-layer .main-toolbar .tool.redo{display:none}}@media (max-width: 422px){.notouch #root.board-container>.content-container>.tool-layer .main-toolbar .tool.undo,.notouch #root.board-container>.content-container>.tool-layer .main-toolbar .tool.redo{display:none}}@media (max-width: 374px){.touch #root.board-container>.content-container>.tool-layer .main-toolbar .tool.undo,.touch #root.board-container>.content-container>.tool-layer .main-toolbar .tool.redo{display:none}}@media (max-width: 500px){.notouch #root.board-container>.content-container>.tool-layer .main-toolbar .tool.redo{display:none}}@media (max-width: 554px){.touch #root.board-container>.content-container>.tool-layer .main-toolbar .tool.redo{display:none}}@media (max-width: 374px){.notouch #root.board-container>.content-container>.tool-layer .main-toolbar .new-item.container{display:none}}@media (max-width: 326px){.touch #root.board-container>.content-container>.tool-layer .main-toolbar .new-item.container{display:none}}@media (max-width: 326px){.notouch #root.board-container>.content-container>.tool-layer .main-toolbar .new-item.text{display:none}}@media (max-width: 278px){.touch #root.board-container>.content-container>.tool-layer .main-toolbar .new-item.text{display:none}}#root.board-container>.content-container>.tool-layer .main-toolbar .new-item .icon svg{margin-top:-.5em;margin-right:-.5em}#root.board-container>.content-container>.tool-layer .tool-instruction{pointer-events:none;position:absolute;top:6em;left:1em;right:1em;padding:1em;border-radius:.5em;text-align:center;color:#555;background:rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center}#root.board-container>.content-container>.tool-layer .tool-instruction svg{margin-left:1em;opacity:.3}#root.board-container>.content-container>.tool-layer .undo-redo-toolbar{position:absolute;font-size:1.2em;left:1em;bottom:1.5em;padding-bottom:.2em}@media (max-width: 700px){#root.board-container>.content-container>.tool-layer .undo-redo-toolbar{display:none}}#root.board-container>.content-container>.tool-layer .zoom-toolbar{position:absolute;font-size:1.5em;right:0;top:100%;color:var(--text);left:0;padding:.3em}.touch #root.board-container>.content-container>.tool-layer .zoom-toolbar{display:none}#root.board-container>.content-container>.tool-layer .zoom-controls{display:flex;justify-content:space-evenly;height:2rem;align-items:center}#root.board-container>.content-container>.tool-layer .minimap{font-size:1vw;display:inline-block;position:absolute;bottom:1rem;right:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);box-sizing:content-box;border-bottom-width:42px;min-width:6rem}@media (max-width: 700px){#root.board-container>.content-container>.tool-layer .minimap{display:none}}#root.board-container>.content-container>.tool-layer .minimap .content{position:relative}#root.board-container>.content-container>.tool-layer .minimap .content .viewarea{display:inline-block;position:absolute;border:1px solid var(--text)}#root.board-container>.content-container>.tool-layer .minimap .content .item,#root.board-container>.content-container>.tool-layer .minimap .content .board .note,#root.board-container>.content-container>.tool-layer .board .minimap .content .note,#root.board-container>.content-container>.tool-layer .minimap .content .board>.text,#root.board-container>.content-container>.tool-layer .minimap .content .board .container,#root.board-container>.content-container>.tool-layer .board .minimap .content .container,#root.board-container>.content-container>.tool-layer .minimap .content .board .image,#root.board-container>.content-container>.tool-layer .board .minimap .content .image,#root.board-container>.content-container>.tool-layer .minimap .content .board .video,#root.board-container>.content-container>.tool-layer .board .minimap .content .video{display:inline-block;position:absolute;background:var(--link);border:2px solid var(--link)}#root.board-container>.content-container>.tool-layer .minimap .content .item.container,#root.board-container>.content-container>.tool-layer .minimap .content .board .container,#root.board-container>.content-container>.tool-layer .board .minimap .content .container{opacity:.5}#root.board-container>.content-container>.tool-layer .icon{cursor:pointer;position:relative}#root.board-container>.content-container>.tool-layer .icon:not(:first-child){margin-left:.3em}#root.board-container>.content-container>.tool-layer .board-status-message{height:100%;width:100%;z-index:100;display:flex;align-items:center;justify-content:center;text-align:center;pointer-events:none}#root.board-container>.content-container>.tool-layer .board-status-message>div{pointer-events:all;max-width:80%}#root.board-container>.content-container>.tool-layer>.history{position:absolute;right:0;top:0;bottom:0;display:flex;flex-direction:column;padding:1rem;z-index:400000010;min-width:1rem}#root.board-container>.content-container>.tool-layer>.history h2{font-size:1.2rem;margin-bottom:1em}#root.board-container>.content-container>.tool-layer>.history>.history-icon-wrapper{display:flex;flex-direction:column;align-items:flex-start}#root.board-container>.content-container>.tool-layer>.history:not(.expanded){pointer-events:none}#root.board-container>.content-container>.tool-layer>.history:not(.expanded) .icon{pointer-events:all}#root.board-container>.content-container>.tool-layer>.history.expanded{background:var(--surface);border-left:1px solid var(--border)}#root.board-container>.content-container>.tool-layer>.history>.selection{margin-bottom:1em;font-size:.8em}#root.board-container>.content-container>.tool-layer>.history>.icon{cursor:pointer}#root.board-container>.content-container>.tool-layer>.history .scroll-container{overflow-y:auto}#root.board-container>.content-container>.tool-layer>.history .scroll-container table tr{vertical-align:top}#root.board-container>.content-container>.tool-layer>.history .scroll-container table tr .timestamp{min-width:5em}#root.board-container>.content-container>.tool-layer>.history .scroll-container table tr .action{min-width:8em}#root.board-container .adding-item{width:2em}.board-search{position:fixed;top:3.5rem;right:1rem;z-index:400000012;display:flex;align-items:center;gap:.5em;padding:.4em .6em;background:var(--surface);border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.2)}.board-search input{border:none;outline:none;font:inherit;width:14em}.board-search .status{opacity:.6;font-size:.85em;white-space:nowrap}.board-search .close{cursor:pointer;opacity:.6}.board-container.presenting .top-left-card,.board-container.presenting .top-right-cluster,.board-container.presenting .lousa-toolbar,.board-container.presenting .main-toolbar,.board-container.presenting .navigation-toolbar,.board-container.presenting .minimap,.board-container.presenting .undo-redo-toolbar,.board-container.presenting .cursor,.board-container.presenting .board-search{display:none!important}.board-container.presenting .content-container{margin-top:0!important}.presentation-hud{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%);z-index:400000012;display:flex;align-items:center;gap:1em;padding:.5em 1em;border-radius:2em;background:rgba(0,0,0,.75);color:#fff;font-size:.9rem}.presentation-hud a{color:#fff;cursor:pointer;opacity:.8}.presentation-hud a:hover{opacity:1}.presentation-hud .position{opacity:.6}.right-click-menu{position:fixed;z-index:400000013;min-width:14rem;padding:.35rem;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;box-shadow:0 6px 24px rgba(0,0,0,.18);font-size:.85rem;user-select:none}.right-click-menu .entry{display:flex;justify-content:space-between;gap:2rem;padding:.35rem .6rem;border-radius:5px;cursor:pointer}.right-click-menu .entry:hover{background:var(--surface-2)}.right-click-menu .entry.disabled{opacity:.4;cursor:default}.right-click-menu .entry.disabled:hover{background:transparent}.right-click-menu .entry .shortcut{color:var(--text-muted);font-size:.8em;white-space:nowrap}.right-click-menu .separator{height:1px;margin:.3rem .2rem;background:var(--border)}.main-toolbar .new-item.shape .shape-popup{position:absolute;top:calc(100% + .4em);left:50%;transform:translateX(-50%);display:flex;gap:.2em;padding:.35em;background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.18);z-index:10}.main-toolbar .new-item.shape .shape-option{display:inline-flex;width:2em;height:2em;padding:.2em;border-radius:4px;cursor:pointer;color:var(--text)}.main-toolbar .new-item.shape .shape-option:hover{background:var(--surface-2)}.main-toolbar .new-item.shape .shape-option svg{width:100%;height:100%}.main-toolbar.vertical .new-item.shape .shape-popup{top:0;left:calc(100% + .6em);transform:none}.main-toolbar .new-item.shape .shape-popup{position:absolute;top:calc(100% + .4em);left:50%;transform:translateX(-50%);display:flex;gap:.2em;padding:.35em;background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.18);z-index:10}.main-toolbar .new-item.shape .shape-option{display:inline-flex;width:2em;height:2em;padding:.2em;border-radius:4px;cursor:pointer;color:var(--text)}.main-toolbar .new-item.shape .shape-option:hover{background:var(--surface-2)}.main-toolbar .new-item.shape .shape-option svg{width:100%;height:100%}.main-toolbar.vertical .new-item.shape .shape-popup{top:0;left:calc(100% + .6em);transform:none}.lousa-toolbar{position:fixed;bottom:1.25rem;left:50%;transform:translateX(-50%);z-index:400000010;display:flex;align-items:center;gap:2px;padding:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel)}.lousa-toolbar.vertical{flex-direction:column;bottom:auto}.lousa-toolbar .drag-handle{display:inline-flex;color:var(--text-disabled);cursor:grab;padding:4px 2px}.lousa-toolbar .drag-handle .icon16{display:inline-flex}.lousa-toolbar .divider{align-self:stretch;background:var(--border-subtle);flex:none}.lousa-toolbar.horizontal .divider{width:1px;margin:4px 4px}.lousa-toolbar.vertical .divider{height:1px;margin:4px 4px;align-self:stretch}.lousa-toolbar .tbtn{all:unset;box-sizing:border-box;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-tool);color:var(--text-secondary);cursor:pointer;position:relative}.lousa-toolbar .tbtn:hover{background:var(--surface-2)}.lousa-toolbar .tbtn.active{background:var(--accent);color:#fff}.lousa-toolbar .tbtn.disabled{color:var(--text-disabled);cursor:default}.lousa-toolbar .tbtn.disabled:hover{background:transparent}.lousa-toolbar .tbtn .icon16{display:inline-flex;width:16px;height:16px}.lousa-toolbar .tbtn.sticky .sticky-swatch{position:absolute;right:6px;bottom:6px;width:9px;height:9px;border-radius:2px;border:1px solid rgba(43,42,51,.25)}.lousa-toolbar .tbtn[data-tooltip]:hover::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--sticky-ink);color:#fff;font-size:11px;padding:4px 8px;border-radius:5px;white-space:nowrap;pointer-events:none;z-index:5}.lousa-toolbar.vertical .tbtn[data-tooltip]:hover::after{bottom:auto;left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.lousa-toolbar .sticky-wrap{position:relative;display:inline-flex}.lousa-toolbar .sticky-flyout{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translateX(-50%);background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-flyout);padding:10px 12px;display:flex;flex-direction:column;gap:8px;z-index:6}.lousa-toolbar .sticky-flyout .micro-label{font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted)}.lousa-toolbar .sticky-flyout .swatch-row,.lousa-toolbar .sticky-flyout .shape-row{display:flex;gap:6px;align-items:center}.lousa-toolbar .sticky-flyout .swatch{width:25px;height:25px;border-radius:4px;cursor:pointer;border:1px solid rgba(43,42,51,.15)}.lousa-toolbar .sticky-flyout .swatch.selected{box-shadow:inset 0 0 0 1.5px var(--sticky-ink)}.lousa-toolbar .sticky-flyout .flyout-divider{height:1px;background:var(--border-subtle)}.lousa-toolbar .sticky-flyout .shape-opt{cursor:pointer;border:1px solid rgba(43,42,51,.2)}.lousa-toolbar .sticky-flyout .shape-opt.square{width:22px;height:22px;border-radius:3px}.lousa-toolbar .sticky-flyout .shape-opt.rect{width:28px;height:18px;border-radius:3px}.lousa-toolbar .sticky-flyout .shape-opt.round{width:22px;height:22px;border-radius:50%}.lousa-toolbar .sticky-flyout .shape-opt.selected{box-shadow:inset 0 0 0 1.5px var(--sticky-ink)}.lousa-toolbar.vertical .sticky-flyout{bottom:auto;left:calc(100% + 12px);top:0;transform:none}.icon16 svg{display:block}.sticky-preview{display:inline-block;width:22px;height:22px;border:1px solid rgba(43,42,51,.25)}.sticky-preview.rect{width:28px;height:18px}.sticky-preview.round{border-radius:50%}.minimap .zoom-pill{position:absolute;bottom:-36px;right:4px;left:4px;display:flex;align-items:center;justify-content:space-between;gap:2px;font-size:11.5px;font-weight:600;color:var(--text-secondary)}.minimap .zoom-pill button{all:unset;box-sizing:border-box;min-width:24px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;font-size:14px}.minimap .zoom-pill button:hover{background:var(--surface-2)}.minimap .zoom-pill button.fit{font-size:11.5px;padding:0 8px}.minimap .zoom-pill .pct{min-width:36px;text-align:center;cursor:pointer}.minimap .zoom-pill .pill-divider{width:1px;height:16px;background:var(--border-subtle)}.minimap .viewarea{border:1.5px solid var(--accent)!important;background:var(--accent-soft)!important}.board .cursor .userInfo.pill{border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:600;white-space:nowrap;margin-left:6px;box-shadow:var(--shadow-card)}.board .cursor .userInfo.pill img{display:none}.context-menu-positioner .context-menu{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:var(--radius-tool);box-shadow:var(--shadow-flyout);padding:6px 8px;display:flex;align-items:center;gap:6px}.context-menu-positioner .context-menu .inline-colors{display:flex;gap:4px;align-items:center;padding-right:4px;border-right:1px solid var(--border-subtle)}.context-menu-positioner .context-menu .mini-swatch{width:16px;height:16px;border-radius:3px;cursor:pointer;border:1px solid rgba(43,42,51,.15)}.context-menu-positioner .context-menu .mini-swatch:hover{box-shadow:inset 0 0 0 1.5px var(--sticky-ink)}.context-menu-positioner .context-menu .menu-btn{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;border-radius:6px;font-size:13px;font-weight:600;color:var(--text-secondary);cursor:pointer}.context-menu-positioner .context-menu .menu-btn:hover{background:var(--surface-2)}.context-menu-positioner .context-menu .menu-btn.active{background:var(--accent);color:#fff}.context-menu-positioner .context-menu .menu-btn .icon16{display:inline-flex}.context-menu-positioner .context-menu .lock .icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;color:var(--text-secondary)}.context-menu-positioner .context-menu .lock .icon:hover{background:var(--surface-2)}.context-menu-positioner .submenu{background:var(--surface)!important;border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-flyout);padding:8px 10px;color:var(--text)}.overflow-menu .action-rows{display:flex;flex-direction:column;margin-top:6px;padding-top:6px;border-top:1px solid var(--border-subtle)}.overflow-menu .action-rows .action{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;font-size:12.5px;cursor:pointer;color:var(--text)}.overflow-menu .action-rows .action:hover{background:var(--surface-2)}.overflow-menu .action-rows .action.destructive{color:#e0475c}.overflow-menu .action-rows .action .icon16{display:inline-flex}#root.board-container.not-found header #board-info{visibility:hidden}#root.board-container header{position:fixed;top:0;white-space:nowrap;border-bottom:1px solid var(--border);font-size:.8em;z-index:400000011;padding:0 .8em;height:2.4rem;width:100%;display:grid;grid-template-columns:1fr 2fr 1fr;background:var(--surface);color:var(--text)}@media (max-width: 700px){#root.board-container header{border-bottom:none}}#root.board-container header span[contenteditable]{border:2px solid transparent}#root.board-container header span[contenteditable][contenteditable=false]:hover,#root.board-container header span[contenteditable]:focus{border:2px solid #2f80edd9;outline:none;font-size:1rem}#root.board-container header .logo-area{display:flex;align-items:center}#root.board-container header .logo-area a{display:none}@media (max-width: 700px){#root.board-container header .logo-area a{display:flex;align-items:center;text-decoration:none;color:var(--text)}#root.board-container header .logo-area a .icon{vertical-align:top;margin-right:.5em}}#root.board-container header>#board-info{display:flex;align-items:center;justify-content:center;margin-left:.5em;margin-left:1rem}#root.board-container header>#board-info #board-name{margin-right:.75em}#root.board-container header>#board-info small{color:gray;border-radius:.5em;padding:1px .5em;font-size:.6em;vertical-align:middle}#root.board-container header>#board-info a.board-button{display:inline-flex;align-items:center;margin-left:.6em;color:var(--text-muted)}#root.board-container header>#board-info a.board-button:hover{color:var(--text)}#root.board-container header>#board-info a.board-button svg{height:1.1em;display:block}#root.board-container header .right-panel{display:flex;align-items:center;justify-content:flex-end}@media (max-width: 700px){#root.board-container header .right-panel .other-users,#root.board-container header .right-panel .offline-status{display:none}}#root.board-container header .right-panel .offline-status{font-size:.8em;opacity:.8;cursor:pointer}#root.board-container header .right-panel .other-users{position:relative}#root.board-container header .right-panel .other-users .pop-up{position:absolute;top:1em;right:0;min-width:10em;background-color:var(--surface);border-radius:0px 0px 3px 3px;padding:1.5em 1em 1em;text-align:right;display:none;border-bottom:2px solid var(--border)}#root.board-container header .right-panel .other-users .pop-up ul{list-style:none;padding:0;margin:0}#root.board-container header .right-panel .other-users .pop-up ul li:first-child{margin-bottom:.5em}#root.board-container header .right-panel .other-users .youlink{opacity:.5;font-size:"0.8em"}#root.board-container header .right-panel .other-users:hover .pop-up{display:block}@media (max-width: 1024px){#root.board-container header{font-size:.8rem}}#root.board-container header .user-info{display:flex;justify-content:flex-end;align-items:center;padding-left:1em}#root.board-container header .user-info .icon{cursor:pointer;margin-right:.5em;display:inline-flex}#root.board-container header .user-info .icon img{border-radius:50%}#root.board-container header .user-info .icon svg{width:100%}#root.board-container header .user-info.logged-in .icon{height:2em;width:2em}#root.board-container header>*{color:var(--text)}header .right-panel .timer{margin-right:1em;font-variant-numeric:tabular-nums}header .right-panel .timer .time{cursor:pointer}header .right-panel .timer a{margin-left:.4em;font-size:.8em;cursor:pointer}header .right-panel .timer.done{animation:timer-blink 1s steps(2) infinite}@keyframes timer-blink{to{opacity:.2}}header .right-panel .frames{margin-right:1em;cursor:default}header .right-panel .frames .pop-up{text-align:left;max-height:60vh;overflow-y:auto;white-space:nowrap}header .right-panel .frames .pop-up li.frame{cursor:pointer;padding:.2em 0}header .right-panel .frames .pop-up li.frame.active{font-weight:bold}.theme-toggle{margin-right:1em;cursor:pointer;color:var(--text);text-decoration:none;font-size:1.1em}.top-left-card{position:fixed;top:12px;left:12px;z-index:400000011;display:flex;align-items:center;gap:8px;padding:7px 12px 7px 8px;background:color-mix(in srgb,var(--surface) 93%,transparent);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);font-size:13px;color:var(--text)}.top-left-card .back{color:var(--text-secondary);text-decoration:none;font-size:15px;padding:2px 4px;border-radius:5px}.top-left-card .back:hover{background:var(--surface-2)}.top-left-card .logo-mark{width:16px;height:16px;border-radius:4px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.top-left-card .board-name{font-weight:600;white-space:nowrap}.top-left-card .frames-wrap{position:relative}.top-left-card .chip{background:var(--surface-2);border-radius:999px;padding:2px 9px;font-size:11.5px;color:var(--text-muted);cursor:pointer;white-space:nowrap}.top-left-card .frames-popup{position:absolute;top:calc(100% + 8px);left:0;min-width:180px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-flyout);padding:6px}.top-left-card .frames-popup .present{display:block;padding:5px 8px;border-radius:5px;color:var(--link);cursor:pointer;font-weight:600}.top-left-card .frames-popup .present:hover{background:var(--surface-2)}.top-left-card .frames-popup ul{list-style:none;margin:0;padding:0}.top-left-card .frames-popup li{padding:5px 8px;border-radius:5px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-left-card .frames-popup li:hover{background:var(--surface-2)}.top-left-card .frames-popup li.active{font-weight:600}.top-left-card .saved{display:inline-flex;align-items:center;gap:5px;font-size:11px;white-space:nowrap}.top-left-card .saved .dot{width:6px;height:6px;border-radius:50%}.top-left-card .saved.ok{color:var(--ok)}.top-left-card .saved.ok .dot{background:var(--ok)}.top-left-card .saved.pending{color:var(--text-muted)}.top-left-card .saved.pending .dot{background:var(--text-muted)}.top-left-card .saved.offline{color:#d97706}.top-left-card .saved.offline .dot{background:#d97706}.top-right-cluster{position:fixed;top:12px;right:12px;z-index:400000011;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text)}.top-right-cluster .presence{display:flex}.top-right-cluster .presence .avatar{width:26px;height:26px;border-radius:50%;border:2px solid var(--canvas);display:inline-flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:700;color:#fff;margin-left:-8px}.top-right-cluster .presence .avatar:first-child{margin-left:0}.top-right-cluster .presence .avatar.more{background:var(--surface-2);color:var(--text-muted)}.top-right-cluster .btn{all:unset;box-sizing:border-box;font-size:12.5px;font-weight:600;padding:6px 13px;border-radius:var(--radius-control);cursor:pointer}.top-right-cluster .btn.ghost{color:var(--text);border:1px solid var(--border);background:var(--surface)}.top-right-cluster .btn.ghost:hover{background:var(--surface-2)}.top-right-cluster .btn.primary{background:var(--accent);color:#fff;box-shadow:0 2px 8px var(--accent-shadow)}.top-right-cluster .btn.primary:hover{background:var(--accent-hover)}.top-right-cluster .btn:focus-visible{box-shadow:0 0 0 3px var(--accent-soft)}.top-right-cluster .timer{color:var(--text)}.top-right-cluster .theme-toggle{margin-right:0}.top-right-cluster .user-info{font-size:12px}.board-chrome{display:contents}:root{--accent: #464cce;--accent-hover: #3a40b8;--accent-soft: rgba(70, 76, 206, .18);--accent-shadow: rgba(70, 76, 206, .35);--sticky-ink: #2b2a33;--presence-1: #e0475c;--presence-2: #2f9e77;--presence-3: #aafef5;--presence-4: #2b2a33;--ok: #2f9e77;--radius-panel: 12px;--radius-card: 9px;--radius-control: 7px;--radius-tool: 8px;--canvas: #f2f2f5;--canvas-dot: #d4d4dc;--surface: #ffffff;--surface-2: #f2f2f5;--text: #2b2a33;--text-secondary: #55545e;--text-muted: #8a8894;--text-disabled: #c2c1c9;--border: #dcdce4;--border-subtle: #e8e8ee;--connection: #8a8894;--frame-fill: rgba(255, 255, 255, .7);--shadow-panel: 0 6px 20px rgba(43, 42, 51, .16);--shadow-card: 0 2px 8px rgba(43, 42, 51, .08);--shadow-flyout: 0 4px 14px rgba(43, 42, 51, .14);--link: #464cce;--link-hover: #3a40b8}html.dark{--canvas: #19192c;--canvas-dot: rgba(173, 176, 255, .14);--surface: #212135;--surface-2: #323248;--text: #ebecff;--text-secondary: #b1b2d2;--text-muted: #595a7d;--text-disabled: #3b3b52;--border: #3b3b52;--border-subtle: #2a2a45;--connection: rgba(173, 176, 255, .6);--frame-fill: rgba(33, 33, 53, .75);--shadow-panel: 0 8px 24px rgba(0, 0, 0, .5);--shadow-card: 0 2px 8px rgba(0, 0, 0, .4);--shadow-flyout: 0 4px 14px rgba(0, 0, 0, .5);--link: #adb0ff;--link-hover: #cecff0;color-scheme:dark}@media (prefers-color-scheme: dark){html:not(.light){--canvas: #19192c;--canvas-dot: rgba(173, 176, 255, .14);--surface: #212135;--surface-2: #323248;--text: #ebecff;--text-secondary: #b1b2d2;--text-muted: #595a7d;--text-disabled: #3b3b52;--border: #3b3b52;--border-subtle: #2a2a45;--connection: rgba(173, 176, 255, .6);--frame-fill: rgba(33, 33, 53, .75);--shadow-panel: 0 8px 24px rgba(0, 0, 0, .5);--shadow-card: 0 2px 8px rgba(0, 0, 0, .4);--shadow-flyout: 0 4px 14px rgba(0, 0, 0, .5);--link: #adb0ff;--link-hover: #cecff0;color-scheme:dark}}.modal-container{background-color:#c8c8c899;position:fixed;width:100%;height:100%;top:0;left:0;z-index:400000020}.modal-container .modal-dialog{position:fixed;background-color:var(--surface);width:80%;max-height:90%;max-width:744px;top:50%;left:50%;transform:translate(-50%,-50%);padding:36px 40px 20px 40px;border-radius:6px;overflow-y:auto}.modal-container .modal-dialog .modal-close{display:flex;position:fixed;top:32px;right:32px;filter:invert(22%) sepia(86%) saturate(7261%) hue-rotate(221deg) brightness(108%) contrast(92%);border:1px solid;height:32px;width:32px;align-items:center;border-radius:50%;cursor:pointer}.modal-container .modal-dialog .modal-close svg{margin:auto}:root{--accent: #464cce;--accent-hover: #3a40b8;--accent-soft: rgba(70, 76, 206, .18);--accent-shadow: rgba(70, 76, 206, .35);--sticky-ink: #2b2a33;--presence-1: #e0475c;--presence-2: #2f9e77;--presence-3: #aafef5;--presence-4: #2b2a33;--ok: #2f9e77;--radius-panel: 12px;--radius-card: 9px;--radius-control: 7px;--radius-tool: 8px;--canvas: #f2f2f5;--canvas-dot: #d4d4dc;--surface: #ffffff;--surface-2: #f2f2f5;--text: #2b2a33;--text-secondary: #55545e;--text-muted: #8a8894;--text-disabled: #c2c1c9;--border: #dcdce4;--border-subtle: #e8e8ee;--connection: #8a8894;--frame-fill: rgba(255, 255, 255, .7);--shadow-panel: 0 6px 20px rgba(43, 42, 51, .16);--shadow-card: 0 2px 8px rgba(43, 42, 51, .08);--shadow-flyout: 0 4px 14px rgba(43, 42, 51, .14);--link: #464cce;--link-hover: #3a40b8}html.dark{--canvas: #19192c;--canvas-dot: rgba(173, 176, 255, .14);--surface: #212135;--surface-2: #323248;--text: #ebecff;--text-secondary: #b1b2d2;--text-muted: #595a7d;--text-disabled: #3b3b52;--border: #3b3b52;--border-subtle: #2a2a45;--connection: rgba(173, 176, 255, .6);--frame-fill: rgba(33, 33, 53, .75);--shadow-panel: 0 8px 24px rgba(0, 0, 0, .5);--shadow-card: 0 2px 8px rgba(0, 0, 0, .4);--shadow-flyout: 0 4px 14px rgba(0, 0, 0, .5);--link: #adb0ff;--link-hover: #cecff0;color-scheme:dark}@media (prefers-color-scheme: dark){html:not(.light){--canvas: #19192c;--canvas-dot: rgba(173, 176, 255, .14);--surface: #212135;--surface-2: #323248;--text: #ebecff;--text-secondary: #b1b2d2;--text-muted: #595a7d;--text-disabled: #3b3b52;--border: #3b3b52;--border-subtle: #2a2a45;--connection: rgba(173, 176, 255, .6);--frame-fill: rgba(33, 33, 53, .75);--shadow-panel: 0 8px 24px rgba(0, 0, 0, .5);--shadow-card: 0 2px 8px rgba(0, 0, 0, .4);--shadow-flyout: 0 4px 14px rgba(0, 0, 0, .5);--link: #adb0ff;--link-hover: #cecff0;color-scheme:dark}}.modal-dialog .sharing h2:not(:first-of-type){margin-top:1em}.modal-dialog .sharing .copied{color:#e0475c;font-size:.8em;margin-left:1em}:root{--accent: #464cce;--accent-hover: #3a40b8;--accent-soft: rgba(70, 76, 206, .18);--accent-shadow: rgba(70, 76, 206, .35);--sticky-ink: #2b2a33;--presence-1: #e0475c;--presence-2: #2f9e77;--presence-3: #aafef5;--presence-4: #2b2a33;--ok: #2f9e77;--radius-panel: 12px;--radius-card: 9px;--radius-control: 7px;--radius-tool: 8px;--canvas: #f2f2f5;--canvas-dot: #d4d4dc;--surface: #ffffff;--surface-2: #f2f2f5;--text: #2b2a33;--text-secondary: #55545e;--text-muted: #8a8894;--text-disabled: #c2c1c9;--border: #dcdce4;--border-subtle: #e8e8ee;--connection: #8a8894;--frame-fill: rgba(255, 255, 255, .7);--shadow-panel: 0 6px 20px rgba(43, 42, 51, .16);--shadow-card: 0 2px 8px rgba(43, 42, 51, .08);--shadow-flyout: 0 4px 14px rgba(43, 42, 51, .14);--link: #464cce;--link-hover: #3a40b8}html.dark{--canvas: #19192c;--canvas-dot: rgba(173, 176, 255, .14);--surface: #212135;--surface-2: #323248;--text: #ebecff;--text-secondary: #b1b2d2;--text-muted: #595a7d;--text-disabled: #3b3b52;--border: #3b3b52;--border-subtle: #2a2a45;--connection: rgba(173, 176, 255, .6);--frame-fill: rgba(33, 33, 53, .75);--shadow-panel: 0 8px 24px rgba(0, 0, 0, .5);--shadow-card: 0 2px 8px rgba(0, 0, 0, .4);--shadow-flyout: 0 4px 14px rgba(0, 0, 0, .5);--link: #adb0ff;--link-hover: #cecff0;color-scheme:dark}@media (prefers-color-scheme: dark){html:not(.light){--canvas: #19192c;--canvas-dot: rgba(173, 176, 255, .14);--surface: #212135;--surface-2: #323248;--text: #ebecff;--text-secondary: #b1b2d2;--text-muted: #595a7d;--text-disabled: #3b3b52;--border: #3b3b52;--border-subtle: #2a2a45;--connection: rgba(173, 176, 255, .6);--frame-fill: rgba(33, 33, 53, .75);--shadow-panel: 0 8px 24px rgba(0, 0, 0, .5);--shadow-card: 0 2px 8px rgba(0, 0, 0, .4);--shadow-flyout: 0 4px 14px rgba(0, 0, 0, .5);--link: #adb0ff;--link-hover: #cecff0;color-scheme:dark}}.modal-dialog .user-info .anonymous .nickname input{margin-top:1em;display:block;width:100%}.modal-dialog .user-info .logged-in .icon{width:1em;height:initial;border-radius:50%}.modal-dialog .user-info button{margin-top:1em}