:root{--paper:#f3f0e8;--dot:#d3ccbb;--surface:#fffdf8;--border:#e2dccd;--ink:#26221b;--ink-soft:#7c7566;--accent:#1f7a6b;--accent-soft:#1f7a6b24;--line:#8f8776;--shadow:0 1px 2px #26221b0f, 0 4px 12px #26221b0f;--shadow-lift:0 2px 4px #26221b14, 0 14px 32px #26221b29;color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#1b1a17;--dot:#35322b;--surface:#26241f;--border:#3a372f;--ink:#ece7db;--ink-soft:#9c9585;--accent:#58c2ae;--accent-soft:#58c2ae2e;--line:#7d7768;--shadow:0 1px 2px #0000004d, 0 4px 12px #00000040;--shadow-lift:0 2px 4px #00000059, 0 14px 32px #00000073}}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#root{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--paper)}button{font:inherit;color:inherit;cursor:pointer}.viewport{background-color:var(--paper);background-image:radial-gradient(var(--dot) 1.1px, transparent 1.1px);touch-action:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.viewport.pan-ready,.viewport.pan-ready .card{cursor:grab}.viewport.panning,.viewport.panning .card{cursor:grabbing}.world{transform-origin:0 0;will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.marquee{border:1px solid var(--accent);background:var(--accent-soft);pointer-events:none;border-radius:3px;position:absolute}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);cursor:default;border-radius:10px;padding:14px 16px;position:absolute;top:0;left:0}.card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), var(--shadow)}.card.dragging{cursor:grabbing;box-shadow:0 0 0 1px var(--accent), var(--shadow-lift)}.card.snapping{transition:transform 80ms ease-out}.editable{white-space:pre-wrap;overflow-wrap:anywhere;cursor:text;outline:none;min-height:1.5em}.editable:focus{-webkit-user-select:text;user-select:text}.editable:empty:before{content:attr(data-placeholder);color:var(--ink-soft);opacity:.7;pointer-events:none}.checklist-head{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.checklist-title{flex:1;font-weight:650}.checklist-count{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:12px}.checklist-items{gap:6px;margin:0;padding:0;list-style:none;display:grid}.checklist-items li{align-items:flex-start;gap:9px;display:flex}.checklist-items input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex:none;margin:2.5px 0 0}.checklist-text{flex:1}.checklist-items li.done .checklist-text{color:var(--ink-soft);text-decoration:line-through}.checklist-add{color:var(--ink-soft);background:0 0;border:0;border-radius:6px;margin:8px 0 0 -6px;padding:2px 6px;font-size:13px}.checklist-add:hover{background:var(--accent-soft);color:var(--accent)}.card-board{align-items:center;gap:12px;padding:12px 16px 12px 12px;display:flex}.board-tile{background:var(--accent);cursor:pointer;border-radius:10px;flex:none;place-items:center;width:48px;height:48px;display:grid}.board-tile svg{fill:#ffffffeb;width:26px;height:26px}.board-meta{flex:1;min-width:0}.board-title{font-weight:650}.board-count{color:var(--ink-soft);font-size:12px}.card.drop-target,.card.link-target{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft), 0 0 0 1px var(--accent), var(--shadow)}.card-image,.card-link{padding:0;overflow:visible}.image-frame{background:var(--accent-soft);border-radius:9px;overflow:hidden}.image-frame img,.link-thumb img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.link-thumb{aspect-ratio:1.91;background:var(--accent-soft);border-radius:9px 9px 0 0;overflow:hidden}.link-text{padding:12px 16px}.link-title{overflow-wrap:anywhere;font-weight:650}.link-description{color:var(--ink-soft);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:2px;font-size:13px;display:-webkit-box;overflow:hidden}.link-open{color:var(--accent);margin-top:6px;font-size:12.5px;text-decoration:none;display:inline-block}a.link-open:hover{text-decoration:underline}.resize-handle{border-right:3px solid var(--accent);border-bottom:3px solid var(--accent);cursor:nwse-resize;opacity:0;border-radius:0 0 10px;width:16px;height:16px;transition:opacity .12s;position:absolute;bottom:-5px;right:-5px}.card.selected .resize-handle,.card:hover .resize-handle{opacity:1}.card.dragging .resize-handle,.viewport.linking .resize-handle{opacity:0}.toast{background:var(--ink);max-width:min(480px,100vw - 32px);color:var(--paper);box-shadow:var(--shadow-lift);z-index:10;border-radius:10px;padding:9px 14px;font-size:13px;position:fixed;bottom:48px;left:50%;transform:translate(-50%)}.card-column{background:color-mix(in srgb, var(--surface) 70%, var(--paper));padding:10px}.column-head{align-items:baseline;gap:8px;padding:2px 6px 8px;display:flex}.column-title{flex:1;font-weight:650}.column-count{color:var(--ink-soft);font-size:12px}.column-items{gap:8px;display:grid}.column-empty{border:1.5px dashed var(--border);text-align:center;color:var(--ink-soft);border-radius:8px;padding:18px 8px;font-size:12.5px}.card.in-column{width:auto;box-shadow:none;position:relative}.card.in-column.selected{box-shadow:0 0 0 1px var(--accent)}.card.in-column>.resize-handle{display:none}.card-file{align-items:center;gap:12px;padding:12px 16px 12px 12px;display:flex}.file-badge{background:var(--accent-soft);width:44px;height:52px;color:var(--accent);border-radius:6px 14px 6px 6px;flex:none;place-items:center;font-size:10.5px;font-weight:700;display:grid}.file-meta{flex:1;min-width:0}.file-name{overflow-wrap:anywhere;font-weight:650}.file-size{color:var(--ink-soft);gap:10px;font-size:12.5px;display:flex}.file-size a{color:var(--accent);text-decoration:none}.file-size a:hover{text-decoration:underline}.card-drawing{box-shadow:none;background:0 0;border-color:#0000;padding:0}.card-drawing.selected{border-color:var(--accent);box-shadow:none}.drawing{width:100%;display:block;overflow:visible}.drawing path,.draw-layer path{fill:none;stroke-linecap:round;stroke-linejoin:round}.draw-layer{pointer-events:none;z-index:2147481000;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.viewport.tool-line,.viewport.tool-line .card,.viewport.tool-line .editable,.viewport.tool-draw,.viewport.tool-draw .card,.viewport.tool-draw .editable{cursor:crosshair}.line-end{z-index:2147482000;border:2px solid var(--accent);background:var(--surface);cursor:move;border-radius:50%;width:13px;height:13px;position:absolute;top:0;left:0}.connectors{pointer-events:none;z-index:0;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.connector-line,.connector-preview{fill:none;stroke:var(--line);stroke-width:1.75px;stroke-linecap:round}.connector-hit{fill:none;stroke:#0000;stroke-width:16px;pointer-events:stroke;cursor:pointer}.connector:hover .connector-line{stroke:var(--ink-soft);stroke-width:2.25px}.connector.selected .connector-line{stroke:var(--accent);stroke-width:2.25px}.connector-label{z-index:0;border:1px solid var(--border);background:var(--paper);max-width:220px;color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:8px;padding:1px 8px;font-size:12.5px;position:absolute;top:0;left:0;overflow:hidden}.connector-label.editing{z-index:2147482000;border-color:var(--accent);background:var(--surface);max-width:none;box-shadow:var(--shadow);cursor:default;gap:4px;padding:3px;display:flex;overflow:visible}.connector-label input{min-width:70px;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;padding:2px 6px}.connector-label button{width:26px;color:var(--ink-soft);background:0 0;border:0;border-radius:6px}.connector-label button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent)}.trail button.drop-target{background:var(--accent);color:#fff}.connector-preview{stroke:var(--accent);stroke-dasharray:5 5}.arrow-head{fill:var(--line)}.arrow-head.selected{fill:var(--accent)}.link-handle{background:var(--surface);border:2px solid var(--accent);cursor:crosshair;opacity:0;border-radius:50%;width:13px;height:13px;margin-top:-6.5px;transition:opacity .12s;position:absolute;top:50%;right:-7px}.card:hover .link-handle,.card.selected .link-handle{opacity:1}.card.dragging .link-handle,.viewport.linking .link-handle{opacity:0}.viewport.linking,.viewport.linking .card,.viewport.linking .editable{cursor:crosshair}.peer-cursor{z-index:2147483000;transform-origin:0 0;pointer-events:none;transition:transform 90ms linear;position:absolute;top:0;left:0}.peer-cursor svg{filter:drop-shadow(0 1px 1px #0000004d);width:18px;height:18px;display:block}.peer-cursor span{color:#fff;white-space:nowrap;border-radius:8px;padding:1px 7px;font-size:11.5px;font-weight:600;line-height:1.5;position:absolute;top:16px;left:14px}.card.remote-drag{box-shadow:var(--shadow-lift);transition:transform 90ms linear}.presence{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:10px;padding:5px 6px 5px 12px;display:flex;position:fixed;top:16px;right:16px}.status{color:var(--ink-soft);align-items:center;gap:6px;font-size:12.5px;display:flex}.status:before{content:"";background:#c9a227;border-radius:50%;width:8px;height:8px}.status-connected:before{background:#2f9e44}.status-local:before{background:#1971c2}.status-disconnected:before{background:#d9480f}.status-disconnected{color:#d9480f}.people{margin:0;padding:0;list-style:none;display:flex}.people li{border:2px solid var(--surface);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;margin-left:-5px;font-size:10.5px;font-weight:700;display:grid}.people li:first-child{margin-left:0}.people button{width:100%;height:100%;font-size:inherit;font-weight:inherit;color:inherit;background:0 0;border:0;border-radius:50%;padding:0}.gate{place-items:center;height:100%;padding:16px;display:grid}.gate-card{background:var(--surface);border:1px solid var(--border);width:min(360px,100%);box-shadow:var(--shadow-lift);text-align:center;border-radius:16px;padding:32px 28px}.gate-card .brand-mark{border-radius:7px;width:28px;height:28px;display:inline-block}.gate-card h1{margin:12px 0 4px;font-size:22px}.gate-card p{color:var(--ink-soft);margin:0 0 20px}.gate-button{justify-content:center;min-height:44px;display:flex}.gate-error{font-size:13px;color:#d9480f!important;margin:12px 0 0!important}.gate-retry,.share button,.share-open{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:5px 12px;font-size:13px}.gate-retry:hover,.share button:hover,.share-open:hover{border-color:var(--accent);color:var(--accent)}.view-only{background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:2px 8px;font-size:12px}.workspace-pick,.share select,.share input{border:1px solid var(--border);background:var(--surface);color:var(--ink);font:inherit;border-radius:8px;padding:5px 8px;font-size:13px}.workspace-pick{max-width:180px}.share{border:1px solid var(--border);background:var(--surface);width:min(460px,100vw - 32px);color:var(--ink);box-shadow:var(--shadow-lift);border-radius:14px;padding:22px}.share::backdrop{background:#00000059}.share h2{margin:0 0 4px;font-size:17px}.share-note{color:var(--ink-soft);margin:0 0 14px;font-size:13px}.share-form{gap:6px;display:flex}.share-form input{flex:1;min-width:0}.share-list{margin:14px 0;padding:0;list-style:none}.share-list li{border-top:1px solid var(--border);align-items:center;gap:10px;padding:7px 0;display:flex}.share-who{overflow-wrap:anywhere;flex:1;min-width:0}.share-who small{color:var(--ink-soft);display:block}.share-role{color:var(--ink-soft);white-space:nowrap;font-size:12.5px}.share-foot{justify-content:space-between;display:flex}.brand,.tools,.zoom{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);position:fixed}.brand{border-radius:10px;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:6px 12px 6px 10px;display:flex;top:16px;left:16px}.trail{align-items:center;min-width:0;margin:0;padding:0;list-style:none;display:flex}.trail li{align-items:center;min-width:0;display:flex}.trail li+li:before{content:"/";color:var(--ink-soft);opacity:.6;margin:0 4px}.trail button,.trail-current{text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;border-radius:6px;max-width:180px;padding:2px 6px;overflow:hidden}.trail button{color:var(--ink-soft)}.trail button:hover{background:var(--accent-soft);color:var(--accent)}.trail-current{font-weight:650}.brand-mark{background:var(--accent);width:16px;height:16px;box-shadow:5px 5px 0 -1px var(--accent-soft);border-radius:4px}.tools{scrollbar-width:none;border-radius:14px;flex-direction:column;gap:1px;width:78px;height:fit-content;max-height:calc(100vh - 80px);margin:auto 0;padding:5px;display:flex;top:64px;bottom:16px;left:16px;overflow-y:auto}.tools button{background:0 0;border:0;border-radius:9px;flex:none;justify-items:center;gap:2px;width:100%;padding:7px 0 5px;font-size:11.5px;display:grid;position:relative}.tools button:hover,.tools button.active{background:var(--accent-soft);color:var(--accent)}.tools button.active{box-shadow:inset 0 0 0 1.5px var(--accent)}.tools button.drop-target{color:#fff;background:#d9480f}.tools button:not(.trash){cursor:grab;touch-action:none}.tool-ghost{z-index:100;border:1px solid var(--border);background:var(--surface);width:68px;box-shadow:var(--shadow-lift);color:var(--ink-soft);pointer-events:none;opacity:.85;border-radius:10px;justify-items:center;gap:2px;padding:8px 0 6px;font-size:11.5px;display:grid;position:fixed;top:0;left:0}.tool-ghost.can-drop{border-color:var(--accent);color:var(--accent);opacity:1}.tool-ghost svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}body.dragging-tool,body.dragging-tool *{cursor:grabbing!important}.tools hr{border:0;border-top:1px solid var(--border);width:60%;margin:4px auto}.tools svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.trash-count{background:var(--accent);color:#fff;border-radius:8px;min-width:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:3px;right:12px}.draw-options,.trash-bar{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex;position:fixed}.draw-options{flex-direction:column;top:50%;left:106px;transform:translateY(-50%)}.trash-bar{white-space:nowrap;padding-left:14px;top:16px;left:50%;transform:translate(-50%)}.draw-options button:not(.swatch),.trash-bar button{border:1px solid var(--border);background:0 0;border-radius:8px;padding:4px 10px;font-size:12.5px}.draw-options button:not(.swatch):hover,.trash-bar button:hover{border-color:var(--accent);color:var(--accent)}.trash-bar button.danger:hover{color:#d9480f;border-color:#d9480f}.swatch{border:2px solid var(--surface);width:22px;height:22px;box-shadow:0 0 0 1px var(--border);border-radius:50%;padding:0}.swatch.active{box-shadow:0 0 0 2px var(--accent)}.zoom{border-radius:10px;padding:3px;display:flex;bottom:16px;right:16px}.zoom button{background:0 0;border:0;border-radius:7px;min-width:30px;height:28px}.zoom button:hover{background:var(--accent-soft);color:var(--accent)}.zoom .zoom-level{font-variant-numeric:tabular-nums;min-width:54px;font-size:12.5px}.hint{color:var(--ink-soft);white-space:nowrap;pointer-events:none;margin:0;font-size:12px;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}@media (width<=900px){.hint{display:none}}