*,.task-item{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.task-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease;margin-bottom:.5rem}.task-item:hover{background:var(--bg-tertiary);box-shadow:0 2px 8px rgba(0,0,0,.1);transform:translateY(-1px)}.task-item.bound,.task-item:hover{border-color:var(--accent-primary)}.task-item.bound{background:rgba(66,153,225,.1);box-shadow:0 0 0 2px rgba(66,153,225,.2)}.task-item.dragging{opacity:.8;transform:rotate(1deg) scale(1.01);box-shadow:0 8px 20px rgba(0,0,0,.15);z-index:1000;background:var(--bg-primary);border-color:var(--accent-primary)}.drag-handle-simple{cursor:grab;padding:.5rem;display:flex;align-items:center;color:var(--text-muted);opacity:.6;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:none;min-width:44px;min-height:44px}.drag-handle-simple:active{cursor:grabbing}.task-checkbox{width:18px;height:18px;cursor:pointer;margin:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:2px solid var(--border-color);border-radius:4px;background:var(--bg-primary);position:relative;transition:all .2s ease;flex-shrink:0}.task-checkbox:hover{border-color:var(--accent-primary);background:var(--bg-secondary)}.task-checkbox:checked{background:var(--accent-primary);border-color:var(--accent-primary)}.task-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:12px;font-weight:700;line-height:1}.task-checkbox:focus{outline:none;box-shadow:0 0 0 2px var(--accent-primary-alpha)}.task-content{flex:1;min-width:0}.task-header{display:flex;flex-direction:column;gap:.25rem}.task-title-row{display:flex;align-items:center;gap:.5rem}.task-title{font-weight:500;color:var(--text-primary);font-size:.875rem;line-height:1.4}.priority-badge{font-size:.75rem;display:flex;align-items:center}.task-description{line-height:1.3;margin-top:.25rem}.task-description,.task-pomodoro-count{font-size:.75rem;color:var(--text-muted)}.task-actions,.task-pomodoro-count{display:flex;align-items:center;gap:.25rem}.action-btn{width:32px;height:32px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:transparent;color:var(--text-muted)}.action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary);transform:scale(1.05)}.action-btn:active{transform:scale(.95)}.complete-btn:hover{background:var(--success-color);color:white}.bind-btn.active,.bind-btn:hover{background:var(--accent-primary);color:white}.start-btn:hover{background:var(--warning-color);color:white}.edit-btn:hover{background:var(--info-color);color:white}.delete-btn:hover{background:var(--error-color);color:white}.sortable-item{transition:transform .2s ease}.sortable-fallback,.sortable-item.sortable-drag,.sortable-item.sortable-ghost{opacity:.4}.dnd-kit-drag-overlay{transform:rotate(2deg) scale(1.02);box-shadow:0 12px 30px rgba(0,0,0,.2);border:2px solid var(--accent-primary);background:var(--bg-primary)}.dnd-kit-sortable-item{transition:transform .2s ease,opacity .2s ease}.dnd-kit-sortable-item.is-over{opacity:.5;transform:scale(.95)}@media (max-width:768px){.task-item{padding:.75rem;gap:.5rem;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.drag-handle{padding:.5rem;opacity:.8}.drag-handle:active{opacity:1;background:var(--bg-tertiary);transform:scale(1.05)}.action-btn{width:32px;height:32px;min-width:44px;min-height:44px}.task-actions{gap:.25rem}.sortable-item.sortable-drag{opacity:.6;transform:scale(1.02);box-shadow:0 4px 12px rgba(0,0,0,.15)}}body.dragging{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}body.dragging,body.dragging *{cursor:grabbing!important}.tasks-container{position:relative;overflow-x:hidden;min-height:200px;contain:layout style paint}.dnd-context{position:relative;overflow:hidden;min-height:150px}.drag-overlay{background:var(--bg-secondary);opacity:.8;transform:rotate(5deg);box-shadow:0 8px 25px rgba(0,0,0,.15)}.drag-overlay,.drop-zone{border:2px dashed var(--accent-primary);border-radius:8px}.drop-zone{background:rgba(66,153,225,.05);padding:1rem;text-align:center;color:var(--accent-primary);font-size:.875rem;margin:.5rem 0}@keyframes taskSlideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes taskSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}.task-item.entering{animation:taskSlideIn .3s ease-out}.task-item.exiting{animation:taskSlideOut .3s ease-out}.drag-indicator{position:absolute;left:0;right:0;height:2px;background:var(--accent-primary);border-radius:1px;opacity:0;transition:opacity .2s ease}.drag-indicator.active{opacity:1}.task-item[data-priority="2"]{border-left:4px solid var(--error-color)}.task-item[data-priority="1"]{border-left:4px solid var(--warning-color)}.task-item[data-priority="0"]{border-left:4px solid var(--success-color)}.task-item.drag-over{background:rgba(66,153,225,.1);border-color:var(--accent-primary);transform:scale(1.02)}.task-item{position:relative;overflow:hidden}.task-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.task-item:hover:before{left:100%}