.item-completing{animation:completeItem .4s ease-out forwards}@keyframes completeItem{0%{opacity:1;transform:translateX(0)}50%{opacity:.5;transform:translateX(10px)}100%{opacity:.6;transform:translateX(0)}}.item-done .item-title{text-decoration:line-through;color:rgba(0,0,0,.4)}.sortable-ghost{opacity:.4;background:#e8f0fe!important;border-radius:.5rem}.sortable-drag{box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:.5rem}.sidebar-collapsed .sidebar-inner{width:0;overflow:hidden;border:0}.sidebar-collapsed{width:auto!important;border:0!important}.todo-checkbox{appearance:none;width:1.25rem;height:1.25rem;border:2px solid #d1d5db;border-radius:.25rem;cursor:pointer;transition:all .2s;flex-shrink:0}.todo-checkbox:hover{border-color:#9ca3af}.todo-checkbox:checked{background-color:#6b7280;border-color:#6b7280;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");background-size:100%;background-position:center;background-repeat:no-repeat}.drag-handle{cursor:grab;color:#d1d5db;transition:color .2s}.drag-handle:hover{color:#9ca3af}span.drag-handle{color:inherit;cursor:grab;user-select:none}span.drag-handle:hover{color:inherit}.sidebar-item.active{background-color:#edf2f9;color:#1f2937}#sidebar{will-change:transform}.toast-show{animation:toastIn .3s ease-out}@keyframes toastIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.items-active,.items-done{column-width:250px;column-gap:.5rem}.items-active{flex:1;min-height:40px}.todo-item{break-inside:avoid}.important-badge{display:flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;background-color:#991b1b;border-radius:50%;flex-shrink:0}.important-badge i{color:#fff;font-size:.6rem;line-height:1}.list-card{display:flex;flex-direction:column}.note-card{display:flex;flex-direction:column}.save-note-btn{color:#6b7280}.save-note-btn.is-dirty{color:#7da7d9}.save-note-btn.is-dirty:hover{color:#d1d5db}.note-card>.p-4{flex:1;display:flex;flex-direction:column}.note-card .note-editor{flex:1;display:flex;flex-direction:column}.note-card .ql-toolbar{border-color:#e5e7eb;border-radius:.5rem .5rem 0 0;flex-shrink:0}.note-card .ql-container{flex:1;min-height:200px;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;font-size:.875rem;border-color:#e5e7eb;border-radius:0 0 .5rem .5rem}.layout-row{display:flex;align-items:stretch}.window-wrapper{min-width:0;overflow:hidden}.window-wrapper>.list-card,.window-wrapper>.note-card{height:100%}.resize-handle{width:12px;margin:0 -2px;cursor:col-resize;flex-shrink:0;position:relative;z-index:10;touch-action:none}.resize-handle::before{content:'';position:absolute;top:16px;bottom:16px;left:5px;width:2px;background:#e5e7eb;border-radius:1px;transition:background .2s}.resize-handle:hover::before,.resize-handle:active::before{background:#9ca3af}body.resize-active{user-select:none;cursor:col-resize!important}body.resize-active *{cursor:col-resize!important}.list-card>.px-5.py-4,.note-card>.px-5.py-4{cursor:grab;touch-action:none}.list-card>.px-5.py-4:active,.note-card>.px-5.py-4:active{cursor:grabbing}#window-drag-overlay{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;transition:background .2s ease;touch-action:none}#window-drag-overlay.active{background:rgba(0,0,0,.6);backdrop-filter:blur(4px)}.drag-minimap{width:80%;max-width:600px;display:flex;flex-direction:column;gap:12px;opacity:0;transform:scale(.95);transition:opacity .2s ease,transform .2s ease}#window-drag-overlay.active .drag-minimap{opacity:1;transform:scale(1)}.drag-minimap-row{display:flex;align-items:stretch;gap:0;min-height:56px}.drag-minimap-block{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 16px;background:#fff;border:2px solid #d1d5db;border-radius:8px;font-size:.85rem;font-weight:600;color:#111827;transition:opacity .2s;overflow:hidden;min-width:0;box-shadow:0 2px 8px rgba(0,0,0,.15)}.drag-minimap-block.dragging{border:2px dashed #6b7280;background:#f3f4f6;color:#6b7280}.drag-drop-slot{flex:0 0 48px;min-height:100%;border:2px dashed #9ca3af;border-radius:8px;background:rgba(255,255,255,.06);transition:background .15s,border-color .15s,flex-basis .15s;margin:0 4px}.drag-drop-slot.active{border-color:#6b7280;background:rgba(107,114,128,.3);flex-basis:72px}.drag-drop-zone-newrow{width:100%!important;min-width:0!important;flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border:2px dashed #9ca3af;border-radius:8px;color:#e5e7eb;font-size:.85rem;font-weight:600;padding:14px;margin:0;background:rgba(255,255,255,.08);transition:all .15s ease}.drag-drop-zone-newrow.active{background:rgba(255,255,255,.15);border-color:#d1d5db;color:#fff}.dark .drag-minimap-block{background:#1f2937;border-color:#4b5563;color:#f9fafb;box-shadow:0 2px 8px rgba(0,0,0,.4)}.dark .drag-drop-slot{border-color:#6b7280;background:rgba(255,255,255,.04)}.dark .drag-drop-slot.active{border-color:#9ca3af;background:rgba(156,163,175,.25)}.dark .drag-minimap-block.dragging{background:#374151;border-color:#6b7280;color:#9ca3af}.sidebar-drop-target{outline:2px dashed #9ca3af;outline-offset:-2px;border-radius:.5rem;transition:all .15s}.sidebar-drop-hover{outline-color:#6b7280;background-color:#e8f0fe!important}.dark .sidebar-drop-target{outline-color:#4b5563}.dark .sidebar-drop-hover{outline-color:#9ca3af;background-color:#374151!important}input:focus,textarea:focus{outline:0;border-color:#6b7280;box-shadow:0 0 0 3px rgba(125,167,217,.2)}.dark .list-card,.dark .note-card{background-color:#1f2937;border-color:#374151}.dark .list-card .border-gray-100,.dark .note-card .border-gray-100{border-color:#374151}.dark .sidebar-item:hover{background-color:#374151}.dark .sidebar-item.active{background-color:#374151;color:#fff}.dark .todo-item:hover{background-color:#374151}.dark .item-done .item-title{color:rgba(255,255,255,.3)}.dark .todo-checkbox{border-color:#4b5563;background-color:transparent}.dark .todo-checkbox:hover{border-color:#6b7280}.dark input,.dark textarea{background-color:#1f2937;border-color:#4b5563;color:#f3f4f6}.dark input::placeholder,.dark textarea::placeholder{color:#6b7280}.dark .drag-handle{color:#4b5563}.dark .drag-handle:hover{color:#6b7280}.dark span.drag-handle,.dark span.drag-handle:hover{color:inherit}.dark .resize-handle::before{background:#374151}.dark .resize-handle:hover::before,.dark .resize-handle:active::before{background:#6b7280}.dark .ql-toolbar{border-color:#374151!important;background-color:#111827}.dark .ql-container{border-color:#374151!important;background-color:#1f2937;color:#f3f4f6}.dark .ql-editor.ql-blank::before{color:#6b7280}.dark .ql-toolbar button .ql-stroke{stroke:#9ca3af}.dark .ql-toolbar button:hover .ql-stroke{stroke:#f3f4f6}.dark .ql-toolbar button .ql-fill{fill:#9ca3af}.dark .ql-toolbar button:hover .ql-fill{fill:#f3f4f6}.dark .ql-toolbar .ql-picker-label{color:#9ca3af}.dark .sortable-ghost{background:#374151!important}