.todo-item[data-v-96dd49a7]{display:flex;align-items:center;padding:12px 15px;background-color:var(--item-bg);border-radius:8px;margin-bottom:10px;box-shadow:var(--item-shadow);transition:all .3s ease,transform .15s cubic-bezier(.2,0,.13,1.5);color:var(--text-color);position:relative;will-change:transform,opacity,box-shadow}.todo-item[data-v-96dd49a7]:hover{box-shadow:0 4px 8px #00000026}.todo-item.completed .todo-text[data-v-96dd49a7]{text-decoration:line-through;color:var(--completed-text)}.todo-item.completed .todo-text[data-v-96dd49a7] *{color:var(--completed-text)!important}.todo-item.editing[data-v-96dd49a7]{border:2px solid var(--primary-color);padding-top:10px;padding-bottom:10px;align-items:flex-start}.drag-handle[data-v-96dd49a7]{margin-right:10px;cursor:grab;font-size:18px;color:var(--completed-text);-webkit-user-select:none;user-select:none;opacity:.6;touch-action:none;transition:opacity .2s,transform .2s;padding:5px;border-radius:4px}.drag-handle[data-v-96dd49a7]:hover{opacity:1;background-color:var(--primary-color-light);transform:scale(1.1)}.todo-item:hover .drag-handle[data-v-96dd49a7]{opacity:.9}.todo-text[data-v-96dd49a7]{flex-grow:1;margin-left:10px;font-size:16px;word-break:break-word}.todo-text[data-v-96dd49a7] h1,.todo-text[data-v-96dd49a7] h2,.todo-text[data-v-96dd49a7] h3{margin:.2em 0;line-height:1.2}.todo-text[data-v-96dd49a7] ul,.todo-text[data-v-96dd49a7] ol{margin:.2em 0;padding-left:1.5em}.todo-text[data-v-96dd49a7] code{background-color:#0000000d;padding:.1em .3em;border-radius:3px;font-family:monospace}.todo-text[data-v-96dd49a7] a{color:var(--primary-color);text-decoration:none}.todo-text[data-v-96dd49a7] a:hover{text-decoration:underline}.todo-text[data-v-96dd49a7] blockquote{border-left:3px solid var(--primary-color);margin-left:0;padding-left:.6em;color:var(--completed-text)}.todo-text[data-v-96dd49a7] hr{border:none;border-top:1px solid var(--input-border);margin:.5em 0}.edit-container[data-v-96dd49a7]{flex-grow:1;margin-left:10px;display:flex;flex-direction:column}.edit-input[data-v-96dd49a7]{width:100%;min-height:80px;padding:8px;font-size:16px;border:1px solid var(--input-border);border-radius:4px;background-color:var(--item-bg);color:var(--text-color);font-family:inherit;resize:vertical}.edit-hint[data-v-96dd49a7]{font-size:12px;color:var(--completed-text);margin-top:5px;text-align:right}input[type=checkbox][data-v-96dd49a7]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.button-group[data-v-96dd49a7]{display:flex;align-items:center}.action-btn[data-v-96dd49a7]{background:none;border:none;font-size:18px;cursor:pointer;padding:0 5px;transition:transform .2s;margin-left:5px}.edit-btn[data-v-96dd49a7],.save-btn[data-v-96dd49a7]{color:var(--primary-color)}.cancel-btn[data-v-96dd49a7]{color:var(--delete-btn)}.delete-btn[data-v-96dd49a7]{background:none;border:none;color:var(--delete-btn);font-size:22px;cursor:pointer;padding:0 5px;transition:transform .2s}.action-btn[data-v-96dd49a7]:hover,.delete-btn[data-v-96dd49a7]:hover{transform:scale(1.2)}.todo-list-container[data-v-178ced28]{width:100%;max-width:600px;margin:0 auto;padding:20px}.header-row[data-v-178ced28]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1[data-v-178ced28]{color:var(--text-color);margin:0}.theme-toggle[data-v-178ced28]{background:none;border:none;font-size:24px;cursor:pointer;padding:5px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s}.theme-toggle[data-v-178ced28]:hover{transform:scale(1.1)}.add-todo[data-v-178ced28]{display:flex;margin-bottom:20px}.add-todo-textarea[data-v-178ced28]{flex-grow:1;padding:12px 15px;border:2px solid var(--input-border);border-radius:8px 0 0 8px;font-size:16px;outline:none;transition:border-color .3s;background-color:var(--item-bg);color:var(--text-color);resize:vertical;min-height:50px;max-height:150px;font-family:inherit}.add-todo-textarea[data-v-178ced28]:focus{border-color:var(--primary-color)}.add-todo button[data-v-178ced28]{padding:12px 20px;background-color:var(--primary-color);color:#fff;border:none;border-radius:0 8px 8px 0;cursor:pointer;font-size:16px;transition:background-color .3s;align-self:stretch}.todos-container[data-v-178ced28]{background-color:var(--container-bg);border-radius:8px;padding:20px;transition:background-color .3s;min-height:100px}.ghost[data-v-178ced28]{opacity:.6;background:var(--primary-color-light);box-shadow:0 4px 20px #0000001a;border:2px dashed var(--primary-color);transform:scale(.98);transition:all .2s ease;z-index:100;will-change:transform,opacity}.chosen[data-v-178ced28]{color:var(--text-color);background-color:var(--primary-color-light);box-shadow:0 0 10px #00000026;will-change:transform}.drag[data-v-178ced28]{opacity:.8;transform:scale(1.02);z-index:999;cursor:grabbing;will-change:transform}.todos-container>.todo-item[data-v-178ced28]{transition:transform .2s ease-in-out}.empty-state[data-v-178ced28]{text-align:center;padding:20px;color:var(--empty-text);font-style:italic}.loading-message[data-v-178ced28]{text-align:center;padding:20px;color:var(--text-color)}:root{--bg-color: #f8f9fa;--text-color: #333;--item-bg: #fff;--item-shadow: 0 2px 4px rgba(0, 0, 0, .1);--container-bg: #f5f5f5;--input-border: #ddd;--primary-color: #4c956c;--primary-hover: #3a7a54;--delete-btn: #ff6b6b;--completed-text: #888;--empty-text: #888}.dark-theme{--bg-color: #121212;--text-color: #e0e0e0;--item-bg: #1e1e1e;--item-shadow: 0 2px 4px rgba(0, 0, 0, .25);--container-bg: #2a2a2a;--input-border: #444;--primary-color: #5da87c;--primary-hover: #4c956c;--delete-btn: #ff8080;--completed-text: #aaa;--empty-text: #aaa}body{margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}.app{min-height:100vh;padding:40px 20px}*{box-sizing:border-box}button,input{font-family:inherit}