[data-mode=todo] #todo-board{display:block;position:fixed;inset:0;z-index:500;overflow:hidden;background:var(--bg-color);cursor:default}[data-pan-ready=true][data-mode=todo][data-display-mode=free] #todo-board,[data-pan-ready=true][data-mode=todo][data-display-mode=free] #todo-board :is(.todo-task,.todo-task-text,.todo-task-check,.todo-task-link,.todo-task-delete,.todo-task-list,.todo-task-placeholder,.todo-prio-bars,.todo-prio-bar,.todo-column-header,.todo-column-title,.todo-column-rename,.todo-column-delete,.todo-column-add-top,.todo-add-task,.todo-add-column,.todo-add-lane,.todo-lane-title,.todo-col-resize,.todo-confirm-yes,.todo-confirm-no,.todo-task-board,.todo-task-board-unpin) :not([contenteditable=true],[contenteditable=true] *){cursor:grab!important}[data-panning=true][data-mode=todo][data-display-mode=free] #todo-board,[data-panning=true][data-mode=todo][data-display-mode=free] #todo-board :is(.todo-task,.todo-task-text,.todo-task-check,.todo-task-link,.todo-task-delete,.todo-task-list,.todo-task-placeholder,.todo-prio-bars,.todo-prio-bar,.todo-column-header,.todo-column-title,.todo-column-rename,.todo-column-delete,.todo-column-add-top,.todo-add-task,.todo-add-column,.todo-add-lane,.todo-lane-title,.todo-col-resize,.todo-confirm-yes,.todo-confirm-no,.todo-task-board,.todo-task-board-unpin) :not([contenteditable=true],[contenteditable=true] *){cursor:grabbing!important}[data-mode=todo] #canvas,[data-mode=todo] #undo-btn,[data-mode=todo] #redo-btn,[data-mode=todo] #eraser-toggle,[data-mode=todo] #empty-hint{display:none}[data-mode=todo] #recent-boards{z-index:1000}[data-mode=todo] #top-bar{z-index:1001}[data-mode=todo] .recent-ctx-menu{z-index:1002}[data-mode=todo] #todo-search{align-items:center;gap:6px;width:168px;height:28px;box-sizing:border-box;padding:0 8px;color:var(--ui-text-color);background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 4px #00000014}@media(hover:hover)and (pointer:fine){[data-mode=todo] #todo-search{display:flex}}[data-mode=todo] #todo-search:focus-within{border-color:var(--brand-color);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-color) 20%,transparent)}#todo-search svg{flex:0 0 auto;opacity:.65}#todo-search-input{min-width:0;width:100%;padding:0;color:var(--ui-text-color);background:transparent;border:0;outline:0;font:inherit;font-size:12px}#todo-search-input::placeholder{color:color-mix(in srgb,var(--ui-text-color) 65%,transparent)}@media(max-width:520px){[data-mode=todo] #todo-search{width:128px}}.todo-scroller{display:flex;flex-direction:column;gap:16px;align-items:flex-start;width:max-content;padding:96px 24px 24px;overflow:visible;transform-origin:0 0;will-change:transform}.todo-lane-group{display:flex;flex-direction:column;gap:6px;align-items:stretch}.todo-lane-header{display:flex;flex-direction:column;gap:4px}.todo-lane-title{align-self:flex-start;max-width:100%;box-sizing:border-box;padding:4px 6px;font-size:16px;font-weight:600;line-height:1.4;text-transform:uppercase;letter-spacing:.05em;color:var(--ui-text-color);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:6px;cursor:text;outline:none}.todo-lane-title:not(.is-placeholder):hover{background:var(--glass-bg)}.todo-lane-title.is-editing{background:var(--glass-bg);box-shadow:0 0 0 1px var(--brand-color)}.todo-lane-title.is-stuck{position:relative;z-index:2;background:var(--bg-color);box-shadow:0 1px 6px #0000002e}.todo-lane-title.is-placeholder:before{content:"Name this row";opacity:.18;font-weight:500}.todo-lane-title.is-placeholder:hover:before{opacity:.45}.todo-lane{display:flex;flex-direction:row;gap:16px;align-items:flex-start}.todo-add-lane{flex:0 0 auto;align-self:flex-start;width:var(--todo-col-width, 280px);height:44px;box-sizing:border-box;margin-top:0;background:transparent;border:1px dashed var(--border-color);color:color-mix(in srgb,var(--ui-text-color) 92%,transparent);border-radius:10px;padding:8px;font-size:13px;font-weight:500;cursor:pointer;text-align:center}.todo-add-lane:hover{border-color:var(--brand-color);color:var(--brand-color)}.todo-column{flex:0 0 var(--todo-col-width, 280px);width:var(--todo-col-width, 280px);display:flex;flex-direction:column;position:relative;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:14px;box-shadow:var(--shadow);padding:12px}[data-mode=todo][data-display-mode=free] .todo-column{max-height:min(calc(100dvh - 160px),2000px)}[data-mode=todo][data-display-mode=free] .todo-column-header,[data-mode=todo][data-display-mode=free] .todo-add-task,[data-mode=todo][data-display-mode=free] .todo-add-presence{flex-shrink:0}.todo-column-header{position:relative;display:flex;align-items:center;gap:8px;margin-bottom:10px}.todo-col-resize{position:absolute;right:-2px;bottom:-2px;width:16px;height:16px;opacity:0;transition:opacity .15s ease;cursor:ew-resize;z-index:2;touch-action:none}.todo-col-resize:before{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:2px solid rgba(128,128,128,.55);border-bottom:2px solid rgba(128,128,128,.55);border-radius:0 0 3px;transition:border-color .12s ease}.todo-column:hover>.todo-col-resize,.todo-col-resize.is-resizing{opacity:1}.todo-col-resize:hover:before,.todo-col-resize.is-resizing:before{border-right-color:var(--brand-color);border-bottom-color:var(--brand-color)}body.todo-col-resizing,body.todo-col-resizing *{cursor:ew-resize!important;user-select:none!important;-webkit-user-select:none!important}.todo-column-title{flex:1 1 auto;font-size:14px;font-weight:600;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;padding:0 22px;border-radius:6px;cursor:text}.todo-column-title.is-editing,.todo-column-title:focus{outline:2px solid var(--brand-color);outline-offset:2px;overflow:visible;text-overflow:clip;white-space:pre-wrap;cursor:text}.todo-column-rename,.todo-column-delete{background:transparent;border:none;color:var(--ui-text-color);cursor:pointer;font-size:15px;line-height:1;padding:2px 4px;border-radius:6px}.todo-column-add-top{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:1;width:24px;height:24px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--ui-text-color);font:inherit;font-size:18px;line-height:1;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .12s ease,background-color .12s ease,color .12s ease}.todo-column:hover .todo-column-add-top,.todo-column:focus-within .todo-column-add-top,.todo-column-add-top:focus-visible{opacity:1;pointer-events:auto}.todo-column-add-top:hover,.todo-column-add-top:focus-visible{background:var(--bg-color);color:var(--brand-color)}.todo-column:not(:has(.todo-task-list>.todo-task[data-id])) .todo-column-add-top{display:none}.todo-column-delete{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1}.todo-column-rename:hover,.todo-column-delete:hover{background:var(--bg-color)}.todo-column-delete:hover{color:#ff3b30}.todo-task-list{flex:1 1 auto;overflow:visible;display:flex;flex-direction:column;gap:8px;min-height:var(--todo-task-h);padding:2px;border-radius:8px}[data-mode=todo][data-display-mode=free] .todo-task-list{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ui-text-color) 40%,transparent) transparent;touch-action:none}[data-mode=todo][data-display-mode=free] .todo-task-list>.todo-task,[data-mode=todo][data-display-mode=free] .todo-task-list>.todo-drop-placeholder{flex-shrink:0}.todo-scroll-hint{position:absolute;left:0;right:0;height:4px;z-index:3;pointer-events:none;opacity:0;display:flex;justify-content:center;transition:opacity .12s ease}.todo-scroll-hint:before{content:"";width:48px;height:4px;background:color-mix(in srgb,var(--ui-text-color) 62%,transparent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 6'%3E%3Cpolyline points='1,1 24,5 47,1' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 6'%3E%3Cpolyline points='1,1 24,5 47,1' fill='none' stroke='%23000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat}.todo-scroll-hint-up:before{transform:scaleY(-1)}[data-mode=todo][data-display-mode=free] .todo-scroll-hint.is-on{opacity:1}[data-mode=todo][data-display-mode=free] .todo-task-list.is-empty{min-height:calc(var(--todo-task-h) + 8px);overflow:visible}.todo-drop-placeholder{flex:0 0 auto;height:var(--todo-task-h);box-sizing:border-box;border-radius:10px;border:1px dashed var(--brand-color);background:color-mix(in srgb,var(--brand-color) 10%,transparent);pointer-events:none}.todo-drag-ghost{position:fixed;top:-9999px;left:-9999px;box-sizing:border-box;border:2px dashed var(--brand-color);background:color-mix(in srgb,var(--brand-color) 16%,transparent);pointer-events:none}.todo-drag-ghost-task{border-radius:10px}.todo-drag-ghost-column{border-radius:14px}.todo-touch-ghost{position:fixed;top:0;left:0;z-index:1500;box-sizing:border-box;margin:0;pointer-events:none;border:2px dashed var(--brand-color);background:color-mix(in srgb,var(--brand-color) 16%,transparent);box-shadow:0 8px 24px #00000038;will-change:left,top}.todo-touch-ghost-task{border-radius:10px}.todo-touch-ghost-column{border-radius:14px}.todo-task-list.is-empty{border:none;cursor:default;min-height:calc(var(--todo-task-h) + 8px)}.todo-task{position:relative;background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;padding:10px;cursor:pointer}#todo-board .todo-task.todo-task-search-muted{opacity:.4}#todo-board .todo-task.todo-task-search-hit{border-color:var(--text-color)}#todo-board .todo-task.todo-task-search-hit:hover,.todo-task:hover{border-color:var(--brand-color)}#todo-board .todo-task.todo-task-keyboard-selected,#todo-board .todo-task:focus-visible{border-color:var(--brand-color);outline:none;box-shadow:0 0 0 2px var(--brand-color)}.todo-task:has(.todo-task-text.is-editing),.todo-task.todo-task-placeholder{border-color:var(--brand-color);box-shadow:0 0 0 2px var(--brand-color)}.todo-task-delete{position:absolute;top:4px;right:4px;z-index:1;background:transparent;border:none;color:#ff3b30;cursor:pointer;font-size:15px;line-height:1;padding:2px 5px;border-radius:6px;opacity:0;transition:opacity .12s ease}.todo-task:hover .todo-task-delete{opacity:1}.todo-task-delete:hover{background:color-mix(in srgb,#ff3b30 15%,transparent)}.todo-task.is-locked .todo-task-delete{display:none}.todo-task-delete-confirm{position:absolute;top:4px;right:4px;z-index:1;display:inline-flex;gap:2px;align-items:center;background:var(--bg-color);border-radius:8px;box-shadow:0 1px 3px #0000001f}.todo-task.todo-dragging{display:none}.todo-task-text{font-size:12px;color:var(--ui-text-color);white-space:pre-wrap;word-break:break-word;border-radius:6px;padding-left:22px;cursor:text}.todo-task-check{position:absolute;left:10px;top:15px;width:14px;height:14px;border:1.5px solid var(--task-title-color, var(--text-color));border-radius:50%;box-sizing:border-box;cursor:pointer;opacity:.7;background:transparent;transition:opacity .12s ease,background .12s ease;z-index:1;user-select:none;-webkit-user-select:none}.todo-task-check:hover{opacity:1}.todo-task-check:before{content:"";position:absolute;inset:-10px;border-radius:50%}.todo-task-check.todo-task-check-checked{background:var(--task-title-color, var(--text-color));border-color:var(--task-title-color, var(--text-color));opacity:1}.todo-task-check.todo-task-check-checked:after{content:"";position:absolute;left:2.5px;top:0;width:4px;height:7.5px;border:solid;border-color:transparent;border-right-color:var(--bg-color);border-bottom-color:var(--bg-color);border-width:0 1.75px 1.75px 0;transform:rotate(45deg)}.todo-task-done .todo-task-text{text-decoration:line-through;opacity:.55}.todo-task.is-locked .todo-task-text{cursor:default}.todo-task-text:first-line{font-weight:600;font-size:13px;color:var(--task-title-color, var(--text-color));line-height:1.9}.todo-task-text.is-editing,.todo-task-text:focus{outline:none}.todo-task-link{color:inherit;text-decoration:none;cursor:text}.todo-task:hover .todo-task-text:not(.is-editing) .todo-task-link{color:var(--brand-color);text-decoration:underline;cursor:pointer}.todo-task-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.todo-pill{font-size:11px;font-weight:600;padding:2px 7px;border-radius:999px;background:var(--glass-bg);border:1px solid var(--border-color);color:var(--ui-text-color);white-space:nowrap}.todo-assignee{margin-left:auto}.todo-due.todo-due-overdue{background:#ff3b30;border-color:#ff3b30;color:#fff}.todo-pri-H{background:#ff3b30;color:#fff;border-color:#ff3b30}.todo-pri-M{background:#ff9500;color:#fff;border-color:#ff9500}.todo-pri-L{background:#34c759;color:#fff;border-color:#34c759}.todo-prio-bars{display:inline-flex;flex-direction:column;justify-content:center;gap:2px;vertical-align:middle;line-height:0}.todo-prio-bar{width:14px;height:3px;border-radius:2px;background:var(--border-color)}.todo-prio-bar.on[data-bar="0"]{background:#34c759}.todo-prio-bar.on[data-bar="1"]{background:#ff9500}.todo-prio-bar.on[data-bar="2"]{background:#ff3b30}.todo-prio-bars.is-interactive{gap:3px;cursor:pointer}.todo-prio-bars.is-interactive .todo-prio-bar{width:18px;height:4px;cursor:pointer}.todo-prio-bars.is-interactive .todo-prio-bar:hover{opacity:.7}.todo-add-task,.todo-add-column{margin-top:10px;background:transparent;border:1px dashed var(--border-color);color:color-mix(in srgb,var(--ui-text-color) 92%,transparent);border-radius:10px;padding:8px;font-size:13px;font-weight:500;cursor:pointer;text-align:center}.todo-add-task{box-sizing:border-box;min-height:var(--todo-task-h);display:flex;align-items:center;justify-content:center;padding:8px 10px;margin-top:6px}.todo-add-column{flex:0 0 var(--todo-col-width, 280px);width:var(--todo-col-width, 280px);margin-top:0;align-self:stretch;min-height:44px;display:flex;align-items:center;justify-content:center}.todo-add-task:hover,.todo-add-column:hover{border-color:var(--brand-color);color:var(--brand-color)}.todo-add-task,.todo-add-column{opacity:0;pointer-events:none;transition:opacity .12s ease}.todo-column:hover .todo-add-task,.todo-lane:hover .todo-add-column{opacity:1;pointer-events:auto}.todo-lane:not(:has(.todo-column)) .todo-add-column{opacity:1;pointer-events:auto}.todo-column:has(.todo-task-list.is-empty) .todo-add-task{opacity:1;pointer-events:auto;margin-top:2px}.todo-column:has(.todo-task-list.is-empty) .todo-task-list.is-empty{order:1}@media(hover:none),(pointer:coarse){.todo-add-task,.todo-column-add-top,.todo-add-column{opacity:1;pointer-events:auto}}.todo-editor{margin-top:8px;padding-top:8px;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;align-items:center;gap:6px;cursor:default}.todo-task-meta.todo-editor{margin-top:8px;padding-top:0;border-top:none}.todo-editor-due,.todo-editor-assignee{font:inherit;font-size:11px;font-weight:600;line-height:1.4;color:var(--ui-text-color);background:var(--glass-bg);border:1px solid var(--border-color);border-radius:999px;padding:2px 8px;-webkit-appearance:none;appearance:none;box-sizing:border-box;height:22px}.todo-editor-due:focus,.todo-editor-assignee:focus{outline:none;border-color:var(--brand-color)}.todo-editor-due{flex:0 0 auto;min-width:0}.todo-editor-priority{flex:0 0 auto;display:inline-flex;align-items:center;padding:2px}.todo-editor-assignee{flex:1 1 70px;min-width:0;width:70px}.todo-inline-input{font:inherit;font-size:13px;font-weight:500;color:var(--text-color);background:transparent;border:none;outline:none;border-radius:8px;padding:6px 8px;width:100%;box-sizing:border-box}.todo-task-input{outline:none;min-height:1.2em;width:100%;box-sizing:border-box}.todo-task-input:empty:before{content:attr(data-placeholder);color:var(--ui-text-color);opacity:.55;pointer-events:none}.todo-column-placeholder{justify-content:flex-start}.todo-column-placeholder .todo-inline-input{font-weight:600}.todo-column-placeholder.todo-column-drop{flex:0 0 var(--todo-col-width, 280px);align-self:stretch;min-height:var(--todo-task-h);padding:0;background:color-mix(in srgb,var(--brand-color) 10%,transparent);border:1px dashed var(--brand-color);border-radius:14px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}.todo-column.todo-col-dragging{display:none}.todo-column-header{cursor:grab}.todo-column-header:active{cursor:grabbing}.todo-task-placeholder{cursor:default;border-color:var(--brand-color);padding:10px;box-sizing:border-box;min-height:var(--todo-task-h);display:flex;flex-direction:column;justify-content:center}.todo-column-header.todo-column-confirm{gap:6px}.todo-confirm-msg{flex:1 1 auto;font-size:12px;font-weight:600;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.todo-confirm-yes,.todo-confirm-no{background:transparent;border:none;cursor:pointer;font-size:14px;line-height:1;padding:2px 6px;border-radius:6px}.todo-confirm-yes{color:#ff3b30}.todo-confirm-no{color:var(--ui-text-color)}.todo-confirm-yes:hover,.todo-confirm-no:hover{background:var(--bg-color)}.todo-task.is-locked{cursor:default;opacity:.65;pointer-events:none}.todo-task-editing{display:flex;align-items:center;gap:6px;margin-top:8px}.todo-column-title.is-locked{cursor:default;opacity:.7}.todo-column-editing{display:inline-flex;align-items:center;flex:0 0 auto}.todo-add-presence{display:flex;align-items:center;gap:6px;margin:4px 0 2px;opacity:.8}.todo-editing-label{font-size:11px;font-weight:500;color:var(--ui-text-color)}.todo-typing-dots{display:inline-flex;align-items:center;gap:3px}.todo-typing-dots i{width:5px;height:5px;border-radius:50%;background:var(--brand-color);display:inline-block;animation:todo-typing-bounce 1.2s infinite ease-in-out both}.todo-typing-dots i:nth-child(1){animation-delay:-.32s}.todo-typing-dots i:nth-child(2){animation-delay:-.16s}.todo-typing-dots i:nth-child(3){animation-delay:0s}@keyframes todo-typing-bounce{0%,80%,to{transform:scale(.5);opacity:.4}40%{transform:scale(1);opacity:1}}.todo-autosave-bar{display:flex;align-items:center;gap:8px;flex:1 1 100%;width:100%;box-sizing:border-box;margin-top:8px;padding:8px;border-radius:8px;background:color-mix(in srgb,var(--brand-color) 12%,transparent);border:1px solid var(--brand-color)}.todo-autosave-note{flex:1 1 auto;font-size:12px;font-weight:500;color:var(--text-color)}.todo-autosave-bar button{font:inherit;font-size:12px;font-weight:500;border:none;border-radius:8px;padding:5px 9px;cursor:pointer}.todo-autosave-save{background:var(--brand-color);color:#fff}.todo-autosave-discard{background:#5a5a5c;color:#fff}html.offline #todo-board .todo-add-column,html.offline #todo-board .todo-add-lane,html.offline #todo-board .todo-add-task,html.offline #todo-board .todo-column-add-top,html.offline #todo-board .todo-column-delete,html.offline #todo-board .todo-task-delete,html.offline #todo-board .todo-task-check{pointer-events:none;opacity:.35;cursor:not-allowed}html.offline #todo-board .todo-col-resize{display:none!important}html.offline #todo-board .todo-column-header,html.offline #todo-board .todo-task,html.offline #todo-board .todo-column-title,html.offline #todo-board .todo-lane-title{cursor:default}#display-mode-btn.is-stitched,#display-mode-btn.is-stitched svg{color:var(--brand-color);opacity:1}@media(hover:none)and (pointer:coarse){[data-mode=todo] #display-mode-btn{display:flex}}html[data-mode=todo][data-display-mode=stitched] #display-mode-btn{display:flex}[data-mode=todo][data-display-mode=stitched] .todo-scroller{transform:none!important;width:100vw;max-width:100vw;height:100dvh;box-sizing:border-box;padding:0 0 50px;gap:0;overflow:hidden;will-change:auto}html[data-mode=todo][data-display-mode=stitched] #recent-boards{left:12px}[data-mode=todo][data-display-mode=stitched] .todo-add-lane{display:block;flex:0 0 auto;align-self:stretch;width:auto;height:36px;margin:3px 12px 0}[data-mode=todo][data-display-mode=stitched] .todo-scroller>.todo-lane{width:100vw;box-sizing:border-box;padding:0 12px;gap:0}[data-mode=todo][data-display-mode=stitched] .todo-scroller>.todo-lane>.todo-column-placeholder{flex:1 1 auto;width:auto;max-width:none;box-sizing:border-box;height:40px;min-height:40px;margin:3px 0;padding:0 14px;border-radius:10px;justify-content:center}[data-mode=todo][data-display-mode=stitched] .todo-scroller>.todo-lane .todo-inline-input{padding:0;font-size:14px;font-weight:600;height:24px;line-height:24px}[data-mode=todo][data-display-mode=stitched] .todo-lane-group.is-active-lane{flex:1 1 auto;min-height:0;width:100vw;gap:4px}[data-mode=todo][data-display-mode=stitched] .is-active-lane>.todo-lane-header{padding:0 12px}[data-mode=todo][data-display-mode=stitched] .is-active-lane .todo-lane-title{padding-left:0}[data-mode=todo][data-display-mode=stitched] .is-active-lane .todo-lane-title,[data-mode=todo][data-display-mode=stitched] .is-active-lane .todo-lane-title:hover,[data-mode=todo][data-display-mode=stitched] .is-active-lane .todo-lane-title.is-editing{background:transparent}[data-mode=todo][data-display-mode=stitched] .is-active-lane>.todo-lane{flex:1 1 auto;min-height:0;width:100vw;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;align-items:stretch}[data-mode=todo][data-display-mode=stitched] .is-active-lane .todo-column{flex:0 0 100vw;width:100vw;max-width:100vw;box-sizing:border-box;height:100%;max-height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:28px;scroll-snap-align:start;border-radius:0;border-left:none;border-right:none}[data-mode=todo][data-display-mode=stitched] .is-active-lane .todo-column-header{position:sticky;top:0;z-index:2;margin:0 0 10px;padding-bottom:6px;background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-mode=todo][data-display-mode=stitched] .is-active-lane .todo-column-header:after{content:"";position:absolute;left:0;right:0;top:100%;height:12px;background:linear-gradient(to bottom,var(--glass-bg),transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none}[data-mode=todo][data-display-mode=stitched] .is-active-lane .todo-column-header:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:12px;background:linear-gradient(to top,var(--glass-bg),transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:none}[data-mode=todo][data-display-mode=stitched] .is-active-lane .todo-add-column{flex:0 0 100vw;width:100vw;scroll-snap-align:start;opacity:1;pointer-events:auto}[data-mode=todo][data-display-mode=stitched] .is-active-lane .todo-add-task{opacity:1;pointer-events:auto}@media(min-width:760px){[data-mode=todo][data-display-mode=stitched] .is-active-lane .todo-column{flex-basis:50vw;width:50vw;max-width:50vw}[data-mode=todo][data-display-mode=stitched] .is-active-lane .todo-column+.todo-column{border-left:1px solid var(--border-color)}[data-mode=todo][data-display-mode=stitched] .is-active-lane .todo-add-column{flex-basis:50vw;width:50vw}}@media(min-width:1180px){[data-mode=todo][data-display-mode=stitched] .is-active-lane .todo-column{flex-basis:33.3333vw;width:33.3333vw;max-width:33.3333vw}[data-mode=todo][data-display-mode=stitched] .is-active-lane .todo-add-column{flex-basis:33.3333vw;width:33.3333vw}}[data-mode=todo][data-display-mode=stitched] .is-active-lane .todo-task-list{flex:0 0 auto;min-height:0;overflow:visible}[data-mode=todo][data-display-mode=stitched] .todo-col-resize{display:none}[data-mode=todo][data-display-mode=stitched] .todo-stitch-above,[data-mode=todo][data-display-mode=stitched] .todo-stitch-below{flex:0 0 auto;display:flex;flex-direction:column;max-height:140px;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(max-height:900px){[data-mode=todo][data-display-mode=stitched] .todo-stitch-above,[data-mode=todo][data-display-mode=stitched] .todo-stitch-below{max-height:105px}}@media(max-height:740px){[data-mode=todo][data-display-mode=stitched] .todo-stitch-above,[data-mode=todo][data-display-mode=stitched] .todo-stitch-below{max-height:70px}}[data-mode=todo][data-display-mode=stitched] .todo-lane-group.is-collapsed-lane{flex:0 0 auto;width:100vw;gap:0;padding:0 12px;box-sizing:border-box}[data-mode=todo][data-display-mode=stitched] .is-collapsed-lane>.todo-lane,[data-mode=todo][data-display-mode=stitched] .is-collapsed-lane>.todo-lane-header{display:none}[data-mode=todo][data-display-mode=stitched] .todo-stitch-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;box-sizing:border-box;width:100%;height:40px;margin:3px 0;padding:0 14px;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:10px;cursor:pointer;-webkit-tap-highlight-color:transparent}[data-mode=todo][data-display-mode=stitched] .todo-stitch-bar:hover{border-color:var(--brand-color)}.todo-stitch-bar-label{font-weight:600;font-size:14px;color:var(--ui-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.todo-stitch-bar-meta{flex:0 0 auto;font-size:12px;color:color-mix(in srgb,var(--ui-text-color) 92%,transparent)}html[data-mode=todo][data-display-mode=stitched] #bottom-bar{left:12px;right:96px;bottom:8px;max-width:none;justify-content:safe center;overflow-x:auto;transition:transform .25s ease,opacity .2s ease;transform:translateY(calc(100% + 20px));opacity:0;pointer-events:none}html[data-mode=todo][data-display-mode=stitched][data-tools-open] #bottom-bar{transform:translateY(0);opacity:1;pointer-events:auto}html[data-mode=todo][data-display-mode=stitched] #bottom-bar{padding:3px 10px;gap:8px}html[data-mode=todo][data-display-mode=stitched] #bottom-bar>#color-picker{gap:8px}html[data-mode=todo][data-display-mode=stitched] #theme-toggle,html[data-mode=todo][data-display-mode=stitched] #eraser-toggle,html[data-mode=todo][data-display-mode=stitched] #lock-btn,html[data-mode=todo][data-display-mode=stitched] #undo-btn,html[data-mode=todo][data-display-mode=stitched] #redo-btn,html[data-mode=todo][data-display-mode=stitched] #delete-board-btn{width:28px;height:28px}html[data-mode=todo][data-display-mode=stitched] #theme-toggle .theme-icon,html[data-mode=todo][data-display-mode=stitched] #eraser-toggle svg,html[data-mode=todo][data-display-mode=stitched] #lock-btn svg,html[data-mode=todo][data-display-mode=stitched] #undo-btn svg,html[data-mode=todo][data-display-mode=stitched] #redo-btn svg,html[data-mode=todo][data-display-mode=stitched] #delete-board-btn svg{width:16px;height:16px}html[data-mode=todo][data-display-mode=stitched] .color-btn{width:20px;height:20px}#tools-toggle{display:none}html[data-mode=todo][data-display-mode=stitched] #tools-toggle,html[data-mode=todo][data-display-mode=stitched] #touch-help-btn{display:inline-flex;align-items:center;justify-content:center;position:fixed;bottom:8px;width:34px;height:34px;border-radius:50%;border:1px solid var(--border-color);background:var(--glass-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ui-text-color);box-shadow:var(--shadow);z-index:1001;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}html[data-mode=todo][data-display-mode=stitched] #touch-help-btn{right:14px}html[data-mode=todo][data-display-mode=stitched] #tools-toggle{right:56px}html[data-mode=todo][data-display-mode=stitched] #tools-toggle:active,html[data-mode=todo][data-display-mode=stitched] #touch-help-btn:active{transform:scale(.95)}html[data-mode=todo][data-display-mode=stitched][data-tools-open] #tools-toggle{background:var(--brand-color);color:#fff}[data-mode=todo][data-display-mode=stitched] .todo-stitch-dots{flex:0 0 auto;display:flex;justify-content:center;gap:6px;margin:0;padding:6px 0 2px}.todo-stitch-dot{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--ui-text-color) 30%,transparent);transition:background .15s ease,transform .15s ease}.todo-stitch-dot.is-active{background:var(--brand-color);transform:scale(1.3)}.todo-task-boards{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.todo-task-board{position:relative;display:block;width:84px;height:56px;border-radius:8px;border:1px solid var(--border-color);overflow:hidden;background:#fafafa;cursor:pointer;flex:0 0 auto;-webkit-user-drag:none}.todo-task-board-img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.todo-task-board-img.is-locked-preview{object-fit:contain;background:#f1f3f5}.todo-task-board-unpin{position:absolute;top:2px;right:2px;width:18px;height:18px;padding:0;border:none;border-radius:50%;background:#0000008c;color:#fff;font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .12s ease}.todo-task-board:hover .todo-task-board-unpin,.todo-task-board-unpin:focus-visible{opacity:1}.todo-task.todo-task-board-over{outline:2px solid var(--brand-color);outline-offset:1px}.todo-column.todo-column-board-over{box-shadow:inset 0 0 0 2px var(--brand-color)}