*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f5f5;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background:#fff;border-radius:8px;margin-bottom:1rem;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.button{color:#fff;cursor:pointer;background:#0070f3;border:none;border-radius:4px;padding:.5rem 1rem;font-size:1rem}.button:hover{background:#0051cc}.button:disabled{cursor:not-allowed;background:#ccc}.button-danger{background:#e00}.button-danger:hover{background:#c00}.form-group{margin-bottom:1rem}.form-label{margin-bottom:.5rem;font-weight:500;display:block}.form-input,.form-textarea{border:1px solid #ddd;border-radius:4px;width:100%;padding:.5rem;font-size:1rem}.form-error{color:#e00;margin-top:.25rem;font-size:.875rem}.todo-item{background:#fff;border-radius:4px;align-items:center;gap:1rem;margin-bottom:.5rem;padding:1rem;display:flex}.todo-completed{opacity:.6;text-decoration:line-through}.loading{text-align:center;color:#666;padding:2rem}.error{color:#e00;background:#fee;border-radius:4px;margin-bottom:1rem;padding:1rem}