.task-board-panel{background:var(--bg-1);border-left:.5px solid var(--bd-1);z-index:10001;flex-direction:column;width:380px;max-width:100vw;height:100dvh;transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.task-board-panel.open{transform:translate(0)}.task-board-overlay{-webkit-backdrop-filter:blur(4px);z-index:10000;background:#0003;animation:.3s taskBoardFadeIn;position:fixed;inset:0}@keyframes taskBoardFadeIn{0%{opacity:0}to{opacity:1}}.task-board-header{border-bottom:1px solid var(--border-color,#0000000f);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.task-board-title-group{color:var(--text,#111);align-items:center;gap:10px;display:flex}.task-board-header-icon{color:var(--text,#111);opacity:.8}.task-board-title{letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:600}.task-board-close-btn{cursor:pointer;color:var(--tx-2);border-radius:var(--r-md);opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:background .14s,color .14s;display:flex}.task-board-close-btn:hover{background:var(--hover-fill);color:var(--tx-1);opacity:1}.task-board-close-btn:active{transform:scale(.99)}.task-board-progress-container{border-bottom:1px solid var(--border-color,#0000000a);background:var(--hover-color,#00000003);padding:16px 24px}.task-board-progress-info{color:var(--text,#666);opacity:.8;justify-content:space-between;margin-bottom:8px;font-size:.8rem;font-weight:500;display:flex}.task-board-progress-bar-bg{background:var(--border-color,#00000014);border-radius:10px;height:6px;overflow:hidden}.task-board-progress-bar-fill{background:var(--text,#111);border-radius:10px;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.task-board-content{scrollbar-width:thin;flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.task-board-content::-webkit-scrollbar{width:5px}.task-board-content::-webkit-scrollbar-thumb{background:var(--border-color,#00000026);border-radius:4px}.task-board-add-form{margin-bottom:4px}.task-board-input-wrapper{background:var(--bg-2);border:1px solid var(--bd-2);border-radius:var(--r-md);padding:10px 48px 10px 14px;transition:border-color .16s,box-shadow .16s;display:flex;position:relative}.task-board-input-wrapper:focus-within{border-color:var(--accent,#f97316);box-shadow:0 0 0 1px var(--accent,#f97316)}.task-board-textarea{resize:none;width:100%;color:var(--text,var(--tx-1,#111));scrollbar-width:none;max-height:120px;font-family:inherit;font-size:.9rem;line-height:1.4;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;margin:0!important;padding:0!important}.task-board-textarea:hover,.task-board-textarea:focus,.task-board-textarea:active{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.task-board-textarea::-webkit-scrollbar{display:none}.task-board-textarea::placeholder{color:var(--text,var(--tx-2,#888));opacity:.65}.task-board-add-btn{background:var(--cta);color:var(--cta-tx);border-radius:var(--r-md);cursor:pointer;border:none;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .15s,transform .12s;display:flex;position:absolute;bottom:8px;right:8px}.task-board-add-btn:disabled{opacity:.4;cursor:not-allowed}.task-board-add-btn:not(:disabled):hover{opacity:.85}.task-board-add-btn:not(:disabled):active{transform:scale(.98)}.task-board-list{flex-direction:column;gap:12px;display:flex}.task-board-item{background:var(--bg-1);border:.5px solid var(--bd-1);border-radius:var(--r-md);align-items:flex-start;gap:12px;padding:14px;transition:border-color .18s,background .18s;display:flex;position:relative}.task-board-item:hover{border-color:var(--bd-2);background:var(--hover-fill)}.task-board-item.editing{border-color:var(--accent)}.task-board-item-checkbox{cursor:pointer;color:var(--text,#111);opacity:.6;background:0 0;border:none;justify-content:center;align-items:center;margin-top:2px;padding:0;transition:opacity .2s,transform .2s;display:flex}.task-board-item-checkbox:hover{opacity:1;transform:none}.task-board-item-checkbox:active{transform:scale(.99)}.checkbox-icon.checked{color:var(--text,#111);opacity:.95}.task-board-item-body{flex:1;min-width:0}.task-board-item-text{color:var(--text,#222);white-space:pre-wrap;word-break:break-word;transition:color var(--transition-hover),opacity var(--transition-hover);cursor:pointer;font-size:.9rem;line-height:1.5}.task-board-item.completed .task-board-item-text{opacity:.45;color:var(--text,#666);text-decoration:line-through}.task-board-edit-textarea{resize:none;width:100%;color:var(--text,var(--tx-1,#111));font-family:inherit;font-size:.9rem;line-height:1.5;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;margin:0!important;padding:0!important}.task-board-edit-textarea:hover,.task-board-edit-textarea:focus,.task-board-edit-textarea:active{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.task-board-item-actions{opacity:0;transition:opacity var(--transition-hover);gap:4px;display:flex}.task-board-item:hover .task-board-item-actions{opacity:1}.task-board-action-btn{cursor:pointer;color:var(--tx-2);border-radius:var(--r-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:background .14s,color .14s;display:flex}.task-board-action-btn:hover{background:var(--hover-fill);color:var(--tx-1)}.task-board-action-btn.delete:hover{background:var(--hover-fill);color:#dc2626}.task-board-empty{text-align:center;color:var(--text,#666);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-icon{opacity:.25;margin-bottom:16px}.empty-title{color:var(--text,#111);margin:0 0 6px;font-size:.95rem;font-weight:600}.empty-subtitle{opacity:.6;max-width:240px;margin:0;font-size:.8rem;line-height:1.4}.task-board-footer{border-top:1px solid var(--bd-2);justify-content:space-between;padding:16px 24px;display:flex}.task-board-clear-btn{cursor:pointer;color:var(--tx-2);opacity:.7;border-radius:var(--r-sm);background:0 0;border:none;padding:6px 12px;font-size:12px;font-weight:500;transition:opacity .14s,background .14s}.task-board-clear-btn:hover{opacity:1;background:var(--hover-fill)}.task-board-clear-btn.completed{color:var(--tx-1)}@media (max-width:768px){.task-board-panel{z-index:10001;width:100%}.task-board-item-actions{opacity:1}}