body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;padding:20px}.container{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;margin:0 auto;max-width:600px;overflow:hidden}.header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px 20px;text-align:center}.header h1{font-size:2.5em;margin-bottom:5px}.subtitle{font-size:.95em;opacity:.9}.add-todo-form{border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:10px;padding:20px}.input-description,.input-title{border:2px solid #e0e0e0;border-radius:8px;font-size:1em;padding:12px;transition:border-color .3s}.input-description:focus,.input-title:focus{border-color:#667eea;outline:none}.btn-add{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1em;font-weight:600;padding:12px;transition:transform .2s,box-shadow .2s}.btn-add:hover{box-shadow:0 5px 20px #667eea66;transform:translateY(-2px)}.btn-add:active{transform:translateY(0)}.loading{color:#999;padding:20px;text-align:center}.todos-list{padding:10px 0}.empty-state{color:#999;font-size:1.1em;padding:40px 20px;text-align:center}.todo-item{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;gap:12px;padding:15px 20px;transition:background-color .2s}.todo-item:hover{background-color:#f9f9f9}.todo-item.completed{opacity:.6}.todo-item.completed .todo-title{color:#999;text-decoration:line-through}.checkbox{accent-color:#667eea;cursor:pointer;height:20px;margin-top:2px;width:20px}.todo-content{flex:1 1;min-width:0}.todo-title{color:#333;font-size:1.05em;margin-bottom:4px;word-break:break-word}.todo-description{color:#666;font-size:.9em;margin-top:4px}.todo-actions{display:flex;gap:8px}.btn-cancel,.btn-delete,.btn-edit,.btn-save{border:none;border-radius:6px;cursor:pointer;font-size:.85em;font-weight:500;padding:6px 12px;transition:all .2s;white-space:nowrap}.btn-edit{background-color:#e3f2fd;color:#1976d2}.btn-edit:hover{background-color:#bbdefb}.btn-delete{background-color:#ffebee;color:#d32f2f}.btn-delete:hover{background-color:#ffcdd2}.btn-save{background-color:#e8f5e9;color:#388e3c}.btn-save:hover{background-color:#c8e6c9}.btn-cancel{background-color:#f3e5f5;color:#7b1fa2}.btn-cancel:hover{background-color:#e1bee7}.todo-item.editing{background-color:#f5f5f5;flex-direction:column;padding:15px 20px}.edit-input-desc,.edit-input-title{border:2px solid #e0e0e0;border-radius:6px;font-size:1em;margin-bottom:5px;padding:10px;width:100%}.edit-input-desc:focus,.edit-input-title:focus{border-color:#667eea;outline:none}.footer{background-color:#f9f9f9;border-top:1px solid #eee;color:#666;font-size:.9em;padding:15px 20px;text-align:center}@media (max-width:600px){.header h1{font-size:1.8em}.add-todo-form{padding:15px}.todo-item{gap:10px;padding:12px 15px}.btn-delete,.btn-edit{font-size:.8em;padding:5px 10px}}
/*# sourceMappingURL=main.091d2344.css.map*/