*{box-sizing:border-box}body{margin:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff;min-width:320px;min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#f5f5f5;color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}.App{max-width:800px;margin:0 auto;padding:1rem;min-height:100vh;text-align:center}@media (max-width: 768px){.App{padding:.75rem}h1{font-size:2rem;margin-bottom:1.5rem}}h1{font-size:2.5rem;font-weight:300;margin-bottom:2rem;letter-spacing:-.5px}button{background-color:#000;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:50px;font-size:1rem;cursor:pointer;transition:all .2s ease;font-weight:500}button:hover:not(:disabled){background-color:#333;transform:translateY(-1px)}button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.delete-button{background-color:transparent;color:#666;border:1px solid #cccccc;padding:.5rem;font-size:1.2rem;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.delete-button:hover{background-color:#f44;color:#fff;border-color:#f44}.retry-button{background-color:#666;color:#fff;padding:.5rem 1rem;font-size:.9rem}input[type=checkbox]{width:20px;height:20px;cursor:pointer;appearance:none;border:2px solid #cccccc;border-radius:4px;position:relative;transition:all .2s ease}input[type=checkbox]:checked{background-color:#000;border-color:#000}input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.add-todo-form{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center;align-items:center}.todo-input{flex:1;max-width:400px;padding:1rem;font-size:1.1rem;border:2px solid #cccccc;border-radius:50px;background-color:#fff;transition:border-color .2s ease}@media (max-width: 768px){.add-todo-form{gap:.5rem}.todo-input{max-width:none;width:100%;font-size:1rem;padding:.875rem}.add-button{padding:.875rem 1.5rem;font-size:1rem;min-width:auto}}.todo-input:focus{outline:none;border-color:#000}.add-button{padding:1rem 2rem;font-size:1.1rem;min-width:100px}.todo-list{text-align:left}.todo-items{list-style:none;padding:0;margin:0}.todo-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;margin-bottom:.5rem;background-color:#fff;border-radius:50px;border:1px solid #e0e0e0;transition:all .2s ease}.todo-item:hover{box-shadow:0 2px 8px #0000001a}.todo-content{display:flex;align-items:center;gap:1rem;flex:1}.todo-text{font-size:1.1rem;transition:all .2s ease;cursor:pointer;flex:1;display:block}.todo-edit-input{font-size:1.1rem;padding:.5rem;border:2px solid #000000;border-radius:8px;background-color:#fff;transition:all .2s ease;flex:1;margin-right:.5rem;min-width:200px}.todo-edit-input:focus{outline:none;border-color:#333;box-shadow:0 0 0 3px #0000001a}.todo-actions{display:flex;gap:.5rem}.save-button,.cancel-button{background-color:transparent;color:#666;border:1px solid #cccccc;padding:.5rem;font-size:1rem;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.save-button:hover{background-color:#4caf50;color:#fff;border-color:#4caf50}.cancel-button:hover{background-color:#f44;color:#fff;border-color:#f44}@media (max-width: 768px){.todo-item{padding:.875rem;margin-bottom:.625rem}.todo-content{gap:.75rem}.todo-text{font-size:1rem}.delete-button{width:36px;height:36px;font-size:1.1rem}}.todo-item.completed .todo-text{text-decoration:line-through;color:#888}.loading,.error,.empty{padding:2rem;text-align:center;background-color:#fff;border-radius:50px;border:1px solid #e0e0e0}@media (max-width: 768px){.loading,.error,.empty{padding:1.5rem}}.error{border-color:#fcc;background-color:#fff5f5}.error-message{color:#c00;margin-bottom:1rem}.loading-spinner,.empty-message{color:#666;font-style:italic}