.todo-list-block-wrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:24px 0;scroll-margin-top:20px}.todo-list-block-container{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:12px 16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.todo-list-block-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.drag-handle{color:#999;cursor:grab;align-items:center;display:flex}.drag-handle:active{cursor:grabbing}.drag-handle svg{width:20px;height:20px}.todo-list-title-input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:16px;font-weight:600}.todo-list-title-input::placeholder{color:#999;font-weight:400}.todo-list-title-input:focus{background-color:#ffffff1a;border-radius:4px;margin:0 -12px;padding:8px 12px}.toggle-expand-button{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.toggle-expand-button svg{transition:transform .2s}.progress-bar{background-color:#f4f4f4;border-radius:3px;height:4px;margin:20px 0 12px;overflow:hidden}.progress-fill{background-color:#38bdf8;border-radius:3px;height:100%;transition:width .3s}.todo-list-content{margin-top:20px}.group-settings{margin-bottom:12px}.settings-dropdown{position:relative}.settings-button{cursor:pointer;color:#495057;text-align:left;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;align-items:center;gap:8px;width:100%;padding:12px 8px;font-size:14px;transition:background-color .2s;display:flex}.settings-button:hover{background-color:#e9ecef}.settings-button svg:first-child{width:20px;height:20px}.settings-button svg:last-child{width:16px;height:16px;margin-left:auto}.dropdown-menu{z-index:10;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;position:absolute;top:100%;left:0;right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.dropdown-item{text-align:left;color:#333;cursor:pointer;background:0 0;border:none;width:100%;padding:12px 16px;font-size:14px;transition:background-color .2s;display:block}.dropdown-item:hover{background-color:#f5f5f5}.drop-down-title{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.drop-down-description{color:#6a6766;font-size:12px;line-height:1.3;display:block}.dropdown-item-content{align-items:flex-start;gap:12px;display:flex}.dropdown-icon{color:#6a6766;flex-shrink:0;width:20px;height:20px;margin-top:2px}.dropdown-text{flex:1}.divider{background-color:#f6f5fd;height:1px;margin:12px 0}.todo-items{margin-bottom:12px}.todo-item{border-bottom:1px solid #f6f5fd;align-items:center;gap:8px;padding:8px 0;display:flex}.todo-item:last-child{border-bottom:none}.todo-checkbox{cursor:pointer;background-color:#0000;border:1.5px solid #7f7c7c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.todo-checkbox.completed{background-color:#a3e635;border-color:#a3e635}.todo-checkbox.completed svg{color:#000}.todo-checkbox-completed{cursor:pointer;background-color:#0000;border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;transition:all .2s;display:flex}.todo-text{color:#333;flex:1;font-size:14px;font-weight:500;line-height:1.4}.todo-text.completed{color:#999;text-decoration:line-through}.delete-todo-button{cursor:pointer;color:#a9a8a7;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.delete-todo-button:hover{color:#f44;background-color:#f5f5f5}.add-todo-section{background-color:#fff;margin-bottom:24px}.add-todo-input{background-color:#f8f9fa;border-radius:6px;align-items:center;display:flex}.add-todo-input svg{flex-shrink:0}.new-todo-input{color:#007aff;background:0 0;border:none;outline:none;flex:1;font-size:14px;font-weight:500}.new-todo-input::placeholder{color:#007aff}.add-button{color:#fff;cursor:pointer;background-color:#007aff;border:none;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:background-color .2s}.add-button:hover{background-color:#0056cc}.delete-block-button{cursor:pointer;color:#f44;background:0 0;border:none;border-radius:4px;align-items:center;gap:6px;padding:8px;font-size:14px;font-weight:500;transition:background-color .2s;display:flex}.delete-block-button:hover{background-color:#ff44441a}.delete-block-button svg{width:16px;height:16px}@media (prefers-color-scheme:dark){.todo-list-block-container{background-color:#fff;border-color:#f6f5fd}.todo-list-title-input{color:#292524}.todo-list-title-input::placeholder{color:#a9a8a7;font-weight:700}.toggle-expand-button{color:#999}.settings-button{color:#495057;background-color:#f8f9fa;border-color:#e9ecef}.settings-button:hover{background-color:#e9ecef}.dropdown-menu{background-color:#fff;border-color:#d4d3d3;gap:16px;padding:16px}.dropdown-item{color:#292524;border:1px solid #d4d3d3;border-radius:16px;margin-bottom:8px}.drop-down-title{font-size:14px;font-weight:600}.drop-down-description{color:#6a6766;font-size:12px}.divider{background-color:#f6f5fd}.todo-item{border-bottom-color:#f6f5fd}.todo-text,.todo-text.completed{color:#292524}.delete-todo-button{color:#666}.delete-todo-button:hover{color:#ff6b6b;background-color:#333}.add-todo-input{background-color:#fff;border-color:#f6f5fd}.new-todo-input{color:#292524}.new-todo-input::placeholder{color:#d3d3d3}.add-button{background-color:#007aff}.add-button:hover{background-color:#0056cc}.delete-block-button{color:#ff6b6b}.delete-block-button:hover{background-color:#ff6b6b33}}